ตัวเลือกการซูม

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