Zoom

אפשר לשנות את גודל סביבת העבודה הראשית של 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.