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