当前位置: 首页 > article >正文

6. Fabric 拖拽元素到画布

监听元素是否被下放到画布上

canvas.on('drop', elt => {
   // 画布元素距离浏览器左侧和顶部的距离
   let offset = {
     left: canvas.getSelectionElement().getBoundingClientRect().left,
     top: canvas.getSelectionElement().getBoundingClientRect().top
   }
   // 鼠标坐标转换成画布的坐标(未经过缩放和平移的坐标)
   let point = {
     x: elt.e.x - offset.left,
     y: elt.e.y - offset.top,
   }
  // 转换后的坐标,restorePointerVpt 不受视窗变换的影响
  let pointerVpt = this.canvas.restorePointerVpt(point)
  //创建元素
  // createElement()
});

http://www.kler.cn/a/307106.html

相关文章:

  • 新的恶意软件活动通过游戏应用程序瞄准 Windows 用户
  • 2024年11月10日系统架构设计师考试题目回顾
  • mapreduce 将数据清洗后保存到 hbase
  • 修改Mysql 8 的密码
  • 25浙江省考-专项刷题(资料分析)-错题本
  • 星期-时间范围选择器 滑动选择时间 最小粒度 vue3
  • 聊聊OceanBase合并和转储
  • 2024.9最新:CUDA安装,pytorch库安装
  • 大数据之Spark(二)
  • 开题报告的流程
  • 农产品自动识别系统(Java+Springboot+SSM+Vue+Maven+二维码溯源+识别农作物CNN模型PyTorch框架)
  • Java 枚举 新特性
  • 20240912软考架构-------软考161-165答案解析
  • matlab delsat = setdiff(1:69,unique(Eph(30,:))); 语句含义
  • firewalld中ipset与zone的区别
  • 【问题定位与解决】解决QT Creator MSVC编译模式下的中文乱码
  • 机器学习--K-Means
  • 浙大数据结构:05-树7 堆中的路径
  • PHP智慧家政同城服务家政系统小程序源码
  • Java集合(八股)
  • 大数据新视界 --大数据大厂之数据治理之道:构建高效大数据治理体系的关键步骤
  • CleanMyMac 5 for Mac 最新中文破解版下载 系统优化垃圾清理工具
  • python AssertionError: Torch not compiled with CUDA enabled
  • 随机规划及其MATLAB实现
  • Jetpack PDF库:解锁Android应用中的PDF功能
  • FloodFill算法【下】