1- Literally Canvas v0.5.2
1+ Literally Canvas Core v0.6.0
22=======================
33
44Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing
5- widget. Its only dependency is [ React.js] ( http://facebook.github.io/react/ ) .
5+ widget. It has no external dependencies.
6+
7+ This is the core libary which provides an interface for drawing on the canvas.
68
79Get help on our mailing list by sending an email to
810911or by visiting [ Google Groups] ( https://groups.google.com/forum/#!forum/literallycanvas ) .
1012
1113### [ Full documentation] ( http://literallycanvas.com )
1214
15+ ### [ Main Repo] ( https://github.com/literallycanvas/literallycanvas )
16+
1317### [ Examples] ( http://github.com/literallycanvas/literallycanvas-demos )
1418
1519Along with the CSS, JS, and image assets, this is all it takes:
1620
17- ``` javascript
18- < div class = " my-drawing" >< / div>
19- < script>
20- LC .init (document .getElementsByClassName (' my-drawing' )[0 ]);
21+ ``` html
22+ <div class =" literally" ></div >
23+ <script type =" text/javascript" >
24+ const drawingEl = document .querySelector (' .literally' );
25+ const lc = new LiterallyCanvas (drawingEl, {
26+ ... LiterallyCanvas .defaultOptions ,
27+ defaultStrokeWidth: 10 ,
28+ backgroundColor: ' #FFF' ,
29+ });
2130 </script >
2231```
2332
@@ -33,12 +42,8 @@ Pull requests will be merged promptly if they are basically OK.
3342Developing
3443----------
3544
36- Setup: ` npm install --dev`
45+ Setup: ` yarn install --dev`
3746
3847Watching and serving: ` gulp dev `
3948
40- Browse to ` localhost:8080/demo ` and modify ` demo/index.html ` to test code
41- in progress.
42-
43- To generate a production-ready ` .js ` file, run ` gulp ` and pull out either
44- ` lib/js/literallycanvas.js ` or ` lib/js/literallycanvas.min.js ` .
49+ Go to ` demo/simple.html ` to see a simple pencil drawing example.
0 commit comments