ซูม

พื้นที่ทำงานหลักของ 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