jquery - 用HTML5和Canvas画出网站效果

Question

我正在寻找“绘制网站效果”。基本上，单击笔图标和叠加层将被放置在用户可以在其上绘图的屏幕上。到目前为止，我在使用代码时遇到问题有两个原因:

1) 开始添加颜色、橡皮擦和尺寸很复杂

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

我看过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

The canvas will not accept percentage widths, so I can't overlay the whole website

只需使用 $(document).width() 和 $(document).height() 计算文档宽度和高度，并将这些值分配给 Canvas 。