Основное рабочее пространство 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,
pinch: true},
trashcan: true});
элементы управления
Установите значение true
, чтобы отображались кнопки центра масштабирования, увеличения и уменьшения масштаба. Значение по умолчанию — false
.
колесо
Установите значение true
, чтобы разрешить масштабирование с помощью колеса мыши. Значение по умолчанию — false
.
startScale
Начальный коэффициент увеличения. Для приложений с несколькими уровнями значение startScale
часто задаётся более высоким на первом уровне, а затем постепенно уменьшается по мере усложнения последующих уровней. Значение по умолчанию — 1.0
.
maxScale
Максимальный коэффициент увеличения масштаба. По умолчанию 3
.
minScale
Минимальный коэффициент умножения для уменьшения масштаба. По умолчанию 0.3
.
масштабСкорость
Для каждого шага увеличения/уменьшения масштаб умножается или делится соответственно на скорость масштабирования, то есть: scale = scaleSpeed ^ steps
. Обратите внимание, что в этой формуле шаги уменьшения вычитаются, а шаги увеличения прибавляются. Значение по умолчанию — 1.2
.
ущипнуть
Установите значение true
, чтобы включить поддержку масштабирования с помощью сжатия на сенсорных устройствах. Значение по умолчанию — true
, если для wheel
или controls
задано значение true
.