paint-board
react-canvaskit
paint-board | react-canvaskit | |
---|---|---|
4 | 1 | |
1,362 | 103 | |
- | 3.9% | |
8.8 | 2.6 | |
23 days ago | over 2 years ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
paint-board
-
Show HN: Paint-BOARD, A powerful and fun multi-end drawing board
In the UI I get a mix of Chínese and English, but the images in https://github.com/LHRUN/paint-board show English UI. ( few days ago, I had a problem because my browser prefered language is Spanish Latin America.)
-
Exploring the Canvas Series: The Art of Time Reversal in the Canvas
Link: https://songlh.top/paint-board/
-
Canvas Artistry:Drawing magic with multiple effects
Github: https://github.com/LHRUN/paint-board
react-canvaskit
-
Ditch the DOM with SolidJS and Skia CanvasKit
After a little research, I found that someone has already beat me to it for React — react-canvaskit. This implementation used react-reconciler to create a custom renderer for React. This is the same process used by **react-three-fiber** (aka R3F) to bring ThreeJS elements to the React VDOM/lifecycle (e.g. when you use ).
What are some alternatives?
idraw - A simple JavaScript framework for Drawing on the web.(一个面向Web绘图的JavaScript框架)
react-native-skia - High-performance React Native Graphics using Skia
jsondiffpatch - Diff & patch JavaScript objects
solid-universal-renderer-template - Template for creating and testing SolidJS universal renderers
solid-canvaskit-renderer - Renders JSX directly to CanvasKit using SolidJS Universal renderer
solid-three - port of @react-three/fiber for solid
skia-canvaskit-wasm-nextjs
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
react-three-fiber - 🇨🇭 A React renderer for Three.js
zustand - 🐻 Bear necessities for state management in React
Skia - Skia is a complete 2D graphic library for drawing Text, Geometries, and Images.