Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing widget. It has no external dependencies.
This is the core libary which provides an interface for drawing on the canvas.
Get help on our mailing list by sending an email to literallycanvas+subscribe@googlegroups.com or by visiting Google Groups.
Along with the CSS, JS, and image assets, this is all it takes:
<div class="literally"></div>
<script type="text/javascript">
const drawingEl = document.querySelector('.literally');
const lc = new LiterallyCanvas(drawingEl, {
...LiterallyCanvas.defaultOptions,
defaultStrokeWidth: 10,
backgroundColor: '#FFF',
});
</script>
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.
Setup: yarn
Build and watch: yarn build:watch
Test and watch: yarn test:watch
Go to demo/simple.html
to see a simple pencil drawing example.