返回介绍

3.7 缩放

发布于 2019-12-12 16:13:39 字数 959 浏览 1577 评论 0 收藏 0

Blockly的主工作空间可以是可扩展的,可由用户动态调整,也可由开发人员静态调整。

缩放设置由作为Blockly配置一部分的对象定义。这是一个例子:

var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox'),
     zoom:
         {controls: true,
          wheel: true,
          startScale: 1.0,
          maxScale: 3,
          minScale: 0.3,
          scaleSpeed: 1.2},
     trashcan: true});

控制

设置为true以显示缩放中心,放大和缩小按钮。默认为false。zoom-controls.png

zoom-controls

滚轮

设置为true以允许鼠标滚轮缩放。默认为false。

初始规格(startScale)

初始放大系数。对于具有多个级别的应用程序,startScale通常在第一级设置为较高值,然后随着后续级别变得更复杂而逐渐降低。默认为1.0。

最大规格(maxScale)

可以放大的最大倍增系数。默认为3。

最小规格(minScale)

可以缩小的最小倍增系数。默认为0.3。

缩放速率

对于每个缩小进出步骤,比例分别乘以或除以比例速度,这意味着:scale = scaleSpeed ^ 缩放次数。请注意,在此公式中,减去缩小步骤并添加放大步骤。默认为1.2。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文