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

5. Fabric 设置画布大小

1. 设置宽度

canvas.setWidth(width)

2. 设置高度

canvas.setHeight(height)

3. 设置大小

canvas.setDimensions({width,height
})

4. 画布的缩放

canvas.on('mouse:wheel', (opt) => {const delta = opt.e.deltaY // 滚轮,向上滚一下是 -100,向下滚一下是 100let zoom = canvas.getZoom() // 获取画布当前缩放值zoom *= 0.999 ** deltaif (zoom > 20) zoom = 20 // 限制最大缩放级别if (zoom < 0.01) zoom = 0.01 // 限制最小缩放级别// 以鼠标所在位置为原点缩放canvas.zoomToPoint({// 关键点x: opt.e.offsetX,y: opt.e.offsetY},zoom // 传入修改后的缩放级别)})
http://www.lryc.cn/news/435738.html

相关文章:

  • 240912-通过Ollama实现网站知识总结
  • Debian 包管理工具apt使用
  • 如何模拟一个小程序项目打包的流程
  • 设计模式七大原则详解
  • Navicat On-Prem Server 2.0 | MySQL与MariaDB基础管理功能正式上云
  • 汽车车门的美观与功能:矫平工艺的精细修复
  • 【Python】05.Python 中的列表与元组
  • 【Go】十五、分布式系统、Consul服务注册发现、Nacos配置中心搭建
  • [Linux#48][网络] 令牌环网 | IPv4 | socket 套接字 | TCP | UDP | 网络字节序列
  • Mac OS14外接显示器字体过小和放大字体模糊问题的简单解决
  • Python-pptx:如何在幻灯片中轻松插入与填充表格
  • ERROR 2003 (HY000): Can‘t connect to MySQL server on ‘localhost:3306‘ (10061)
  • MySQL优化策略(大数据量)
  • 在Excel里制作简单游戏界面
  • 火语言RPA流程组件介绍--鼠标拖拽元素
  • 计算机三级网络技术总结 第十一章网络管理技术
  • 「豆包 Marscode 体验官」AI 加持的云端 IDE——三种方法高效开发前后端聊天交互功能
  • 基于Linux文件编程实现处理Excel表格的数据
  • make 程序规定的 makefile 文件的书写语法(2)
  • 容器化安装jenkins稳定版长期维护版本LTS
  • 如何让人工智能训练更快
  • linux/ubuntu国内镜像安装gitleaks敏感信息扫描工具教程及避坑点
  • JavaScript高级程序设计基础(二)
  • 使用Spring Boot开发自习室预定系统
  • 最近读书总结
  • python列表判断是否为空的三种方式
  • 二十三种模式之原型模式(类比制作陶器更好理解一些)
  • 9.9日记录
  • 鸿蒙交互事件开发04——手势事件
  • 研1日记9