使用HTML5和Canvas绘制网站效果

Question

我正在寻找一种“在网站上绘制效果”。基本上，单击笔图标和覆盖将被放在用户可以在其上绘图的屏幕上。到目前为止，我在代码方面遇到了问题，原因有两个：

1)开始添加颜色、橡皮和大小是很复杂的

2)画布不接受百分比宽度，所以我不能覆盖整个网站

我看过http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/和http://cool-php-tutorials.blogspot.co.uk/2011/05/simple-html5-drawing-app-with-saving.html

这两个网站都很好，但我想知道是否有人知道一个预先构建的解决方案来实现这一点，或者有一种方法来克服这些问题(主要是第二个)。

提前感谢！

Answer 1

画布不接受百分比宽度，所以我不能覆盖整个网站

只需使用$(document).width()和$(document).height()计算文档的宽度和高度，并将该值分配给画布。