freecanvas v0.1.5
Based on Literally Canvas 0.5.2
Add Image rotate feature, but still have some bugs on Retina screen. The image gets a little blurry while rotating on Retina screen.
旋转功能
原理是:
每次旋转,都新创建一个canvas,在canvas上做旋转后把图片传给原来的canvas。
优点:
- 减少原代码改动。
- 无论是否视网膜屏,都不失真旋转
缺点:
仅限旋转背景图
=======================
Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing widget. Its only dependency is React.js.
Get help on our mailing list by sending an email to literallycanvas+subscribe@googlegroups.com 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>
Note: node need <= 6.x
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
.
Publishing
generate a production-ready .js
file: gulp
publishing:npm publish