Tuỳ chọn lưới

Không gian làm việc chính của Blockly có thể có lưới (không bắt buộc). Bạn có thể tạo các khối để ghép nối với lưới, cho phép bố cục rõ ràng hơn. Điều này đặc biệt hữu ích trong các ứng dụng lớn hơn có nhiều nhóm mã trải rộng trên một khu vực lớn.

Chế độ cài đặt của lưới được xác định bởi một đối tượng thuộc các tuỳ chọn cấu hình của Blockly. Dưới đây là ví dụ:

var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox'),
     grid:
         {spacing: 20,
          length: 3,
          colour: '#ccc',
          snap: true},
     trashcan: true});

Giãn cách

Thuộc tính lưới quan trọng nhất là spacing, xác định khoảng cách giữa các điểm của lưới. Giá trị mặc định là 0, dẫn đến không có lưới. Dưới đây là ví dụ về spacing được đặt thành 10, 20 và 40:

Chiều dài

Thuộc tính length là một số xác định hình dạng của các điểm lưới. Độ dài 0 sẽ tạo ra một lưới không hiển thị (nhưng vẫn có thể được chụp nhanh), độ dài 1 (giá trị mặc định) sẽ tạo ra các dấu chấm, độ dài lớn hơn sẽ tạo ra các dấu thập và độ dài bằng hoặc lớn hơn khoảng cách sẽ tạo ra giấy biểu đồ. Dưới đây là ví dụ về length được đặt thành 1, 5 và 20:

Màu

Thuộc tính colour là một chuỗi đặt màu cho các điểm. Lưu ý cách viết theo tiếng Anh của Anh. Sử dụng định dạng tương thích với CSS bất kỳ, bao gồm #f00, #ff0000 hoặc rgb(255, 0, 0). Giá trị mặc định là #888. Sau đây là ví dụ về colour được đặt thành #000, #ccc và #f00:

Bám

Thuộc tính snap là một boolean đặt xem các khối có nên chụp nhanh đến điểm lưới gần nhất khi được đặt trên không gian làm việc hay không. Giá trị mặc định là false.