Основное рабочее пространство 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
.
МаксСкейл
Максимальный коэффициент умножения, определяющий, насколько можно увеличить масштаб. По умолчанию — 3
.
минмасштаб
Минимальный коэффициент умножения, определяющий, насколько далеко можно уменьшить масштаб. По умолчанию 0.3
.
масштабСкорость
Для каждого шага увеличения или уменьшения масштаб масштаба умножается или делится соответственно на скорость масштабирования. Это означает, что: scale = scaleSpeed ^ steps
. Обратите внимание, что в этой формуле шаги уменьшения масштаба вычитаются, а шаги увеличения добавляются. По умолчанию 1.2
.
ущипнуть
Установите значение true
, чтобы включить поддержку масштабирования на сенсорных устройствах. По умолчанию установлено значение true
, если для параметра wheel
» или controls
установлено значение true
.