Document *{ margin: 0; padding: 0; } #box{ width: 500px; height: 500px; border: 1px solid red; position: relative; overflow: hidden; } .eraser{ width: 40px; height: 40px; border-radius: 20px; background: #ccc; position: absolute; border: 1px solid #666; top: 0; left: 0; display: none; }橡皮擦 var myCanvas = document.querySelector('#myCanvas'); var btn = document.querySelector('button'); var eraser = document.querySelector('.eraser'); var ctx = myCanvas.getContext('2d'); //定义变量,鼠标是否被按下 var isDown = false; //控制是否擦除效果 var isClear = false; //控制橡皮擦是否显示 var isShow = false; btn.onclick = functio
canvas--橡皮擦
最新推荐文章于 2025-05-13 11:47:19 发布