生成页面

1.监听鼠标按下事件,此时鼠标clientXclientY为生成元素的lefttop

2.监听鼠标移动事件,移动后鼠标所在位置的clientXclientY与之间鼠标按下事件时所记录的相减即为元素的widthheight

3.监听鼠标松开事件,清除监听移动事件

以上能获取生成元素的位置与大小,但html的普通元素只能生成矩形与圆形,生成多变形也就有心无力了,因此这时候需要使用canvas或者svg了,以下比较了两者的优劣

– | canvas | svg
优缺点 | – | –
操作性 | | 直接调用DOM
缺点

最后更新: 2024年05月31日 01:49