พื้นที่ทำงานหลักของ 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
scaleSpeed
สำหรับขั้นตอนการซูมเข้า-ออกแต่ละขั้น ขนาดจะคูณหรือหารด้วยความเร็วของสเกลตามลําดับจะหมายถึง scale = scaleSpeed ^ steps
โปรดทราบว่าจะมีการลบขั้นตอนการซูมออกในสูตรนี้และเพิ่มขั้นตอนการซูมเข้า
ค่าเริ่มต้นคือ 1.2
บีบนิ้วเข้าหากัน
ตั้งค่าเป็น true
เพื่อเปิดใช้การรองรับการบีบนิ้วเพื่อซูมในอุปกรณ์แบบสัมผัส ค่าเริ่มต้นจะเป็น true
หากตั้งค่าตัวเลือก wheel
หรือ controls
เป็น true