使用 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() 计算文档的宽度和高度，并将这些值分配给画布。