אפשר לשנות את גודל סביבת העבודה הראשית של 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
כדי להפעיל תמיכה בצביטה להגדלת התצוגה במכשירי מגע. אם האפשרות wheel
או controls
מוגדרת כ-true
, ברירת המחדל היא true
.