demo下载

实现效果如下：

实现思路：

  1. 使用鼠标的按下事件onmousedown ，创建div，
  2. 使用鼠标的移动事件onmousemove，更新div的宽度以及坐标
  3. 使用鼠标的抬起事件onmouseup，可以限定画的矩形的大小，
  4. 由于html的map的area 是无法设置样式的，hover也对其无效，如果想要设置悬浮效果改变样式，可以通过给area设置鼠标的mouseover事件去操作dom

demo下载

# 前端 # javascript
Logo
Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐

cover

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

avatar Vue
cover

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

avatar Vue
cover

ElasticSearch迁移至openGauss

avatar Vue