গ্রিড

Blockly এর প্রধান কর্মক্ষেত্রে ঐচ্ছিকভাবে একটি গ্রিড থাকতে পারে। ক্লিনার লেআউট সক্ষম করে, গ্রিডে স্ন্যাপ করার জন্য ব্লক তৈরি করা যেতে পারে। এটি একটি বড় এলাকা জুড়ে ছড়িয়ে থাকা একাধিক কোড গ্রুপিং সহ বৃহত্তর অ্যাপ্লিকেশনগুলিতে বিশেষভাবে সহায়ক।

গ্রিডের সেটিংস একটি বস্তু দ্বারা সংজ্ঞায়িত করা হয় যা Blockly এর কনফিগারেশনের অংশ। এখানে একটি উদাহরণ:

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

ব্যবধান

সবচেয়ে গুরুত্বপূর্ণ গ্রিড বৈশিষ্ট্য হল spacing যা গ্রিডের পয়েন্টগুলির মধ্যে দূরত্ব নির্ধারণ করে। ডিফল্ট মান হল 0, যার ফলে কোন গ্রিড নেই। এখানে 10, 20 এবং 40 এ সেট করা spacing উদাহরণ রয়েছে:

দৈর্ঘ্য

length বৈশিষ্ট্য হল একটি সংখ্যা যা গ্রিড পয়েন্টের আকৃতি নির্ধারণ করে। 0 এর দৈর্ঘ্যের ফলে একটি অদৃশ্য গ্রিড (কিন্তু এখনও একটি যা স্ন্যাপ করা যেতে পারে), 1 এর দৈর্ঘ্য (ডিফল্ট মান) বিন্দুতে পরিণত হয়, দীর্ঘ দৈর্ঘ্যের ফলে ক্রস হয় এবং ব্যবধানের ফলাফলের চেয়ে সমান বা বেশি দৈর্ঘ্য হয় গ্রাফ পেপারে। এখানে 1, 5, এবং 20 সেট করা length উদাহরণ রয়েছে:

রঙ

colour বৈশিষ্ট্য হল একটি স্ট্রিং যা পয়েন্টের রঙ সেট করে। ব্রিটিশ বানান লক্ষ্য করুন। #f00 , #ff0000 , বা rgb(255, 0, 0) সহ যেকোনো CSS-সামঞ্জস্যপূর্ণ বিন্যাস ব্যবহার করুন। ডিফল্ট মান হল #888 । এখানে #000 , #ccc , এবং #f00 তে সেট করা colour উদাহরণ রয়েছে:

স্ন্যাপ

snap প্রপার্টি হল একটি বুলিয়ান যা সেট করে যে ব্লকগুলি ওয়ার্কস্পেসে স্থাপন করার সময় নিকটতম গ্রিড পয়েন্টে স্ন্যাপ করা উচিত কিনা। ডিফল্ট মান false .