ซูม

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