ช่องรูปภาพ

ช่องรูปภาพจัดเก็บสตริงเป็นค่าและสตริงเป็นข้อความ คือ value คือ src ของรูปภาพ ขณะที่ข้อความเป็นสตริง Alt การอธิบาย/สื่อถึงรูปภาพ

ช่องรูปภาพ

ช่องรูปภาพในบล็อกที่ยุบ

การสร้างวิดีโอ

JSON

{
  "type": "example_image",
  "message0": "image: %1",
  "args0": [
    {
      "type": "field_image",
      "src": "https://www.gstatic.com/codesite/ph/images/star_on.gif",
      "width": 15,
      "height": 15,
      "alt": "*"
    }
  ]
}

JavaScript

Blockly.Blocks['example_image'] = {
  init: function() {
    this.appendDummyInput()
      .appendField("image:")
      .appendField(new Blockly.FieldImage(
        "https://www.gstatic.com/codesite/ph/images/star_on.gif",
        15,
        15,
        "*"));
  }
};

เครื่องมือสร้างรูปภาพจะดำเนินการต่อไปนี้

พารามิเตอร์	คำอธิบาย
src	สตริงที่ชี้ไปยังไฟล์รูปภาพแรสเตอร์
width	ต้องแคสต์เป็นจำนวนที่ไม่ใช่ 0
height	ต้องแคสต์เป็นจำนวนที่ไม่ใช่ 0
opt_alt	(ไม่บังคับ) สตริงที่อธิบาย/นำเสนอรูปภาพได้อย่างถูกต้อง หากเป็น null หรือ undefined ระบบจะใช้สตริงว่าง
opt_onClick	(ไม่บังคับ) ฟังก์ชันที่จะเรียกใช้เมื่อมีการคลิกที่ช่อง
opt_flipRtl	(ไม่บังคับ) บูลีน หากเป็น true รูปภาพจะพลิกข้ามแกนแนวตั้งเมื่ออยู่ในโหมดขวาไปซ้าย ค่าเริ่มต้นคือ false มีประโยชน์สำหรับ "เลี้ยวซ้าย" และ "เลี้ยวขวา" ไอคอน

การเรียงอันดับ

ช่องรูปภาพทำให้อนุกรมไม่ได้

คลิกเครื่องจัดการ

หมายเหตุ: ดูข้อมูลเกี่ยวกับโปรแกรมตรวจสอบโดยทั่วไปได้ที่โปรแกรมตรวจสอบ

ช่องรูปภาพไม่ยอมรับโปรแกรมตรวจสอบ แต่ยอมรับอย่างชัดเจน ที่จะเรียกใช้เมื่อใดก็ตามที่มีการคลิกที่ฟิลด์ ซึ่งหมายความว่ารูปภาพ ทำหน้าที่เหมือนปุ่มที่อยู่บนบล็อก

สามารถตั้งค่าตัวแฮนเดิลเมื่อคลิกได้ใน เครื่องมือสร้าง JavaScript หรือใช้ฟังก์ชัน setOnClickHandler

ต่อไปนี้คือตัวอย่างของตัวแฮนเดิลเมื่อมีการคลิกซึ่งยุบการบล็อกเมื่อ โทรออก

function() {
    this.getSourceBlock().setCollapsed(true);
}