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 → literallycanvas → Literallycanvas

literallycanvas / Literallycanvas

Licence: bsd-2-clause
A canvas in your browser. Literally.

Programming Languages

javascript
184084 projects - #8 most used programming language
coffeescript
4710 projects

Labels

htmlhtml5canvasdrawingpaint

Projects that are alternatives of or similar to Literallycanvas

Jspaint
🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras
Stars: ✭ 5,972 (+472.58%)
Mutual labels:  paint, drawing, html5, canvas
Mopaint
🎨💪 Modern, modular paint and more! (pre-alpha, not much done yet)
Stars: ✭ 50 (-95.21%)
Mutual labels:  paint, drawing, html5, canvas
Minipaint
online image editor
Stars: ✭ 1,014 (-2.78%)
Mutual labels:  paint, drawing, html5, canvas
Sketchpad
Sketchpad is fully customisable collaborative whiteboard plugin written in pure JavaScript.
Stars: ✭ 85 (-91.85%)
Mutual labels:  paint, drawing, canvas
Tui.image Editor
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Stars: ✭ 4,761 (+356.47%)
Mutual labels:  paint, drawing, canvas
Pretty Painter
Graphics editor for Android.
Stars: ✭ 105 (-89.93%)
Mutual labels:  paint, drawing, canvas
Drawingboard.js
A canvas based drawing app that you can integrate easily on your website.
Stars: ✭ 2,072 (+98.66%)
Mutual labels:  paint, drawing, canvas
Kiddopaint
Kiddo Paint
Stars: ✭ 189 (-81.88%)
Mutual labels:  paint, html5, canvas
React Sketch
Sketch Tool for React-based applications, backed up by FabricJS
Stars: ✭ 414 (-60.31%)
Mutual labels:  paint, drawing
Html5
HTML5学习、总结、实践
Stars: ✭ 493 (-52.73%)
Mutual labels:  html5, canvas
Freedrawview
A View on which you can freely draw, customizing paint width, alpha and color, and take a screenshot of the content. Useful for note apps, signatures or free hand writing.
Stars: ✭ 627 (-39.88%)
Mutual labels:  drawing, canvas
React Canvas Draw
React Component for drawing in canvas
Stars: ✭ 412 (-60.5%)
Mutual labels:  drawing, canvas
Planck.js
2D JavaScript Physics Engine
Stars: ✭ 4,149 (+297.79%)
Mutual labels:  html5, canvas
Zrender
A lightweight graphic library providing 2d draw for Apache ECharts
Stars: ✭ 5,122 (+391.08%)
Mutual labels:  html5, canvas
Html5 Animation
Foundation HTML5 Animation with JavaScript example code and book exercises.
Stars: ✭ 667 (-36.05%)
Mutual labels:  html5, canvas
Canvas Nest.js
♋ Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.
Stars: ✭ 3,966 (+280.25%)
Mutual labels:  html5, canvas
Diagram
CLI app to convert ASCII arts into hand drawn diagrams.
Stars: ✭ 642 (-38.45%)
Mutual labels:  drawing, canvas
Curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Stars: ✭ 1,039 (-0.38%)
Mutual labels:  html5, canvas
Signature pad
HTML5 canvas based smooth signature drawing
Stars: ✭ 7,623 (+630.87%)
Mutual labels:  drawing, canvas
H264 Live Player
A live h264 player for the browser (ideal for raspberrypi / raspicam )
Stars: ✭ 886 (-15.05%)
Mutual labels:  html5, canvas
View All Similar Projects ➔

Literally Canvas v1.0.0

Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing widget. Its only dependencies are React.js and its core lib which has been split up into a separate module literallycanvas-core.

Get help on our mailing list by sending an email to [email protected] or by visiting Google Groups.

Full documentation

Examples

Along with the CSS, JS, and image assets, this is all it takes:

<div class="my-drawing"></div>
<script>
  LC.init(document.getElementsByClassName('my-drawing')[0]);
</script>

State of the project

No one is maintaining this project. If you report a bug, the ticket will be a helpful place for discussion, but no one will fix it unless you submit a pull request. Feature requests will likewise be ignored.

Pull requests will be merged promptly if they are basically OK.

Developing

Setup: npm install --dev

Watching and serving: gulp dev

Browse to localhost:8080/demo and modify demo/index.html to test code in progress.

To generate a production-ready .js file, run gulp and pull out either lib/js/literallycanvas.js or lib/js/literallycanvas.min.js.

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].