Ruang kerja utama Blockly dapat diskalakan, 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
Tetapkan ke true
untuk menampilkan tombol zoom-tengah, zoom-in, dan zoom-out.
Nilai defaultnya adalah false
.
roda
Tetapkan ke true
untuk mengizinkan roda mouse melakukan zoom. Nilai defaultnya adalah false
.
startScale
Faktor pembesaran awal. Untuk aplikasi dengan beberapa level,
startScale
sering kali ditetapkan ke nilai yang lebih tinggi di level pertama, lalu
dikurangi secara bertahap saat level berikutnya menjadi lebih kompleks.
Nilai defaultnya adalah 1.0
.
maxScale
Faktor perkalian maksimum untuk seberapa jauh seseorang dapat memperbesar. Default-nya adalah 3
.
minScale
Faktor perkalian minimum untuk seberapa jauh seseorang dapat memperkecil. Default-nya adalah 0.3
.
scaleSpeed
Untuk setiap langkah zoom in-out, skala dikalikan atau dibagi dengan
kecepatan skala, yang berarti: scale = scaleSpeed ^ steps
. Perhatikan bahwa dalam
formula ini, langkah zoom-out dikurangkan dan langkah zoom-in ditambahkan.
Nilai defaultnya adalah 1.2
.
cubit
Tetapkan ke true
untuk mengaktifkan dukungan cubit untuk zoom di perangkat sentuh. Defaultnya adalah true
jika opsi wheel
atau controls
ditetapkan ke true
.