GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → disjukr → Croquis.js

disjukr / Croquis.js

Licence: bsd-2-clause
HTML5 drawing tool library

Programming Languages

typescript
32286 projects

Labels

canvas

Projects that are alternatives of or similar to Croquis.js

Earthjs
D3 Earth JS
Stars: ✭ 128 (-9.86%)
Mutual labels:  canvas
Scrawl Canvas
Responsive, integrated and interactive HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element a bit easier, and a bit more fun!
Stars: ✭ 134 (-5.63%)
Mutual labels:  canvas
Blog
趁还能折腾的时候多读书——前端何时是个头
Stars: ✭ 1,730 (+1118.31%)
Mutual labels:  canvas
Circular Audio Wave
JS library for audio visualization in circular wave using Web Audio API and ECharts
Stars: ✭ 131 (-7.75%)
Mutual labels:  canvas
Canvas Test
🎮 happy canvas
Stars: ✭ 1,722 (+1112.68%)
Mutual labels:  canvas
Vue Canvas Nest
💫 A Vue.js background component for canvas-nest.
Stars: ✭ 136 (-4.23%)
Mutual labels:  canvas
Gcanvas
A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas
Stars: ✭ 1,705 (+1100.7%)
Mutual labels:  canvas
Plutovg
Tiny 2D vector graphics library in C
Stars: ✭ 141 (-0.7%)
Mutual labels:  canvas
Typesettable
📐 A typesetting library for SVG and Canvas
Stars: ✭ 134 (-5.63%)
Mutual labels:  canvas
Sprite Wxapp
spritejs 小程序版
Stars: ✭ 138 (-2.82%)
Mutual labels:  canvas
Deepfriedmemes.com
🅱️ Deep fries your pics. Serve with laundry sauce.
Stars: ✭ 131 (-7.75%)
Mutual labels:  canvas
Phaser Examples
Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
Stars: ✭ 1,680 (+1083.1%)
Mutual labels:  canvas
Paintview
An Android View with Gesture Supported for Painting
Stars: ✭ 136 (-4.23%)
Mutual labels:  canvas
Videotogif
video to gif 视频转gif制作表情包插件（可以添加文字）
Stars: ✭ 131 (-7.75%)
Mutual labels:  canvas
Grid
Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets and more 💥
Stars: ✭ 573 (+303.52%)
Mutual labels:  canvas
Leaflet.canvaslayer.field
Load and style Raster files in Leaflet (geotiff & asciigrid)
Stars: ✭ 128 (-9.86%)
Mutual labels:  canvas
X Spreadsheet
A web-based JavaScript（canvas） spreadsheet
Stars: ✭ 12,046 (+8383.1%)
Mutual labels:  canvas
Alien.js
Future web pattern
Stars: ✭ 141 (-0.7%)
Mutual labels:  canvas
Wordcloud2.js
Tag cloud/Wordle presentation on 2D canvas or HTML
Stars: ✭ 1,905 (+1241.55%)
Mutual labels:  canvas
R3f Next Starter
Repo is moving to https://github.com/pmndrs/react-three-next
Stars: ✭ 137 (-3.52%)
Mutual labels:  canvas
View All Similar Projects ➔

croquis.js

this library provides Photoshop-like brush features.

it also provides functions such as stabilization of brush strokes.

install

npm install croquis.js
# or
yarn add croquis.js

stroke protocol

brush-related functions in croquis.js are working on the stroke protocol.

stroke protocol consists of the down method and the move and up methods of the drawing context.

down method means that the stylus pen has started drawing a stroke. it returns the drawing context containing the move and up methods.

move means that the stylus pen draws a stroke, and up means that the stroke ends.

stroke protocol makes it easy to add features such as stabilization without having to modify the drawing code very much.

look at the simple brush example and the pulled string stabilizer example. you can see that the code is not different except for the part injecting the settings and the part drawing the guide.

license

croquis.js is dual-licensed under Apache 2.0 and MIT terms.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].