当前位置: 首页 > 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/news/307106.html

相关文章:

  • 聊聊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算法【下】
  • WGCAT工单系统可以让客户自己提交工单吗
  • Day21笔记-封装继承
  • MySQL练手题--体育馆的人流量(困难)
  • [数据集][目标检测]疟疾恶性疟原虫物种目标检测数据集VOC+YOLO格式948张1类别
  • 大学生看过来,必备4款写论文AI写作网站先稿后付
  • 《论负载均衡技术在Web系统中的应用》写作框架,软考高级系统架构设计师
  • Python网络爬虫:如何高效获取网络数据
  • vue3 透传 Attributes
  • TDengine 签约前晨汽车,解锁智能出行的无限潜力
  • 【计算机网络】网络通信中的端口号