我已经尝试了所有可以找到的清晰画布代码但是当我再次回到画布上时,旧的图形重新出现。我需要它,这样当你按下清除按钮时,图纸不会再回来了。如果有帮助,我正在使用paper.js
HTML
<canvas id="myCanvas" height="400px" width="400px;"></canvas>
JS(Clearcanvas是一个按钮的功能)
function clearcanvas(){
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.clearRect(0,0,400,400);
}
绘图功能的JS适用于paper.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>
答案 0 :(得分:0)
你试过这个吗?
canvas.width = canvas.width;