lemon_drawing

功能描述

html5实用画板,灵活运用HTML5手势特性实现画板功能。

依赖的模块

快速使用

  1. <canvas id="xxx" width=300 height=300></canvas>
  2. <div id=actions class="actions">
  3. <svg id=pen class="active icon">
  4. <use xlink:href="#icon-pen"></use>
  5. </svg>
  6. <svg id=eraser class="icon">
  7. <use xlink:href="#icon-erase"></use>
  8. </svg>
  9. <svg id=clear class="icon">
  10. <use xlink:href="#icon-clear"></use>
  11. </svg>
  12. <svg id=download class="icon">
  13. <use xlink:href="#icon-save"></use>
  14. </svg>
  15. </div>
  16. <ol class="colors">
  17. <li id="red" class="red active"></li>
  18. <li id="green" class="green"></li>
  19. <li id="blue" class="blue"></li>
  20. </ol>
  21. <ol class="sizes">
  22. <li id="thin" class="thin"></li>
  23. <li id="thick" class="thick"></li>
  24. </ol>
  25. <script src="libs/lemon_drawing_main.js"></script>
  26. <script src="libs/lemon_drawing.js"></script>

特别说明

  1. 注意js要在最后引用