使用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()，並指定這個值到畫布上。