-1
我嘗試了所有可以找到的清晰畫布代碼,但是當我單擊回到畫布上時,舊圖紙重新出現。我需要它,所以當你按下清除按鈕時,圖紙不會再出現新的畫圖。我使用paper.js是否有幫助畫布不會清除
的Html
<canvas id="myCanvas" height="400px" width="400px;"></canvas>
JS(Clearcanvas是從按鈕的功能)的繪圖功能可與paper.js
function clearcanvas(){
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.clearRect(0,0,400,400);
}
JS
<script type="text/paperscript" canvas="myCanvas">
tool.minDistance = 5;
var path;
function onMouseDown(event) {
path = new Path();
path.strokeColor = 'red';
path.strokeWidth= 3;
path.opacity="0.4";
path.add(event.point, event.point);
}
function onMouseDrag(event) {
path.add(event.point, event.point);
}
function onMouseDrag(event) {
if(event.modifiers.shift) {
path.lastSegment.point = event.point;
path.strokeColor = 'blue';
} else {
path.add(event.point);
}
}
</script>
'ctx.clearRect'應該可以工作。我相信你的代碼中有一個錯誤,導致畫布再次被繪製而沒有打算這樣做。 – Philipp
你將不得不提供更多的信息/代碼給我們來幫助你。 – TryingToImprove
編輯與更多信息 – craig