Ruang kerja utama Blockly dapat skalabel, baik secara dinamis oleh pengguna, maupun secara statis oleh developer.
Setelan zoom ditentukan oleh objek yang merupakan bagian dari konfigurasi Blockly. Berikut ini contohnya:
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});
kontrol
Setel ke true
untuk menampilkan tombol pusat zoom, perbesar, dan perkecil.
Nilai defaultnya adalah false
.
roda
Setel ke true
untuk mengizinkan roda mouse melakukan zoom. Nilai defaultnya adalah false
.
startScale
Faktor pembesaran awal. Untuk aplikasi dengan beberapa level,
startScale
sering ditetapkan ke nilai yang lebih tinggi pada level pertama, lalu
turun secara bertahap saat level berikutnya menjadi lebih kompleks.
Nilai defaultnya adalah 1.0
.
maxScale
Faktor perkalian maksimum untuk seberapa jauh seseorang dapat memperbesarnya. Default-nya adalah 3
.
minScale
Faktor perkalian minimum untuk tingkat zoom yang dapat diperkecil. Default-nya adalah 0.3
.
scaleSpeed
Untuk setiap langkah zoom in-out, skala akan dikalikan atau dibagi dengan
kecepatan skala, ini berarti: scale = scaleSpeed ^ steps
. Perhatikan bahwa dalam formula ini, langkah zoom-out dikurangi dan langkah zoom-in ditambahkan.
Nilai defaultnya adalah 1.2
.
cubit
Setel ke true
untuk mengaktifkan dukungan cubit untuk zoom di perangkat sentuh. Defaultnya adalah
true
jika opsi wheel
atau controls
disetel ke true
.