生成页面
1.监听鼠标按下事件,此时鼠标clientX与clientY为生成元素的left与top
2.监听鼠标移动事件,移动后鼠标所在位置的clientX与clientY与之间鼠标按下事件时所记录的相减即为元素的width与height
3.监听鼠标松开事件,清除监听移动事件
以上能获取生成元素的位置与大小,但html的普通元素只能生成矩形与圆形,生成多变形也就有心无力了,因此这时候需要使用canvas或者svg了,以下比较了两者的优劣
– | canvas | svg
优缺点 | – | –
操作性 | | 直接调用DOM
缺点
最后更新: 2024年05月31日 01:49