5. Fabric 设置画布大小

1. 设置宽度

javascript 复制代码
canvas.setWidth(width)

2. 设置高度

javascript 复制代码
canvas.setHeight(height)

3. 设置大小

javascript 复制代码
canvas.setDimensions({
  width,
  height
})

4. 画布的缩放

javascript 复制代码
canvas.on('mouse:wheel', (opt) => {
    const delta = opt.e.deltaY // 滚轮,向上滚一下是 -100,向下滚一下是 100
    let zoom = canvas.getZoom() // 获取画布当前缩放值
    zoom *= 0.999 ** delta
    if (zoom > 20) zoom = 20 // 限制最大缩放级别
    if (zoom < 0.01) zoom = 0.01 // 限制最小缩放级别
    // 以鼠标所在位置为原点缩放
    canvas.zoomToPoint(
      {
        // 关键点
        x: opt.e.offsetX,
        y: opt.e.offsetY
      },
      zoom // 传入修改后的缩放级别
    )
  })
相关推荐
竹之却6 天前
【云服务器】在Linux CentOS 7上快速搭建我的世界 Minecraft Fabric 服务器搭建,Fabric 模组详细搭建教程
linux·运维·服务器·centos·fabric·我的世界服务器搭建·我的世界模组
牛andmore牛7 天前
3、fabric实现多机多卡训练
深度学习·神经网络·fabric·fabric多机多卡
PowerBI学谦14 天前
PowerBI纯小白如何驾驭DAX公式一键生成:copilot for fabric
copilot·powerbi·fabric
Shawn_LX20 天前
Vue3 + Vite + Yarn + Fabricjs构建的开源演示系统
javascript·typescript·vue·html5·fabric
Sunshinedada21 天前
02-Canvas-fabric.BaseBrush绘图工具
fabric·canva可画
宝桥南山1 个月前
Microsoft Fabric - 尝试一下使用On Premiums data gateway从本地Sql Server同步数据到Lakehouse
microsoft·微软·gateway·database·powerbi·fabric
荆棘鸟骑士2 个月前
Arm64架构CentOS7服务器搭建Fabric环境
服务器·架构·fabric
荆棘鸟骑士2 个月前
Hyperledger Fabric 入门笔记(十八)Fabric V2.5 测试网络部署补充 - 排序节点管理
区块链·fabric
FrancyZhou2 个月前
10 Hyperledger Fabric 介绍
区块链·fabric
alex18012 个月前
python Fabric在自动化部署中的应用
python·自动化·fabric