-1

我已经尝试了我能找到的所有清晰的画布代码，但是当我重新点击画布时，旧的图纸会重新出现。我需要它，这样当您按下清除按钮时，图纸就不会在新的平局中重新出现。如果有帮助，我正在使用 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>
4

1 回答 1

0

你试过这个吗？

 canvas.width = canvas.width;
于 2013-09-27T12:38:33.983 回答