2013-09-27 127 views
-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> 
+1

'ctx.clearRect'應該可以工作。我相信你的代碼中有一個錯誤,導致畫布再次被繪製而沒有打算這樣做。 – Philipp

+0

你將不得不提供更多的信息/代碼給我們來幫助你。 – TryingToImprove

+0

編輯與更多信息 – craig

回答

0

你試過了嗎?

canvas.width = canvas.width; 
+0

它清除它,但當我點擊繪製一條線,一切都會重新回來 – craig