blockly > blockRendering > MarkerSvg
คลาส blockRendering.MarkerSvg
คลาสของตัวทำเครื่องหมาย โดยมีวิธีการสำหรับการแสดงตัวทำเครื่องหมายเป็น SVG
ลายเซ็น:
export declare class MarkerSvg
ผู้ผลิต
| ผู้ผลิต | ตัวปรับแต่ง | คำอธิบาย |
|---|---|---|
| (เครื่องมือสร้าง)(พื้นที่ทำงาน ค่าคงที่ เครื่องหมาย) | สร้างอินสแตนซ์ใหม่ของคลาส MarkerSvg |
พร็อพเพอร์ตี้
| พร็อพเพอร์ตี้ | ตัวปรับแต่ง | Type | คำอธิบาย |
|---|---|---|---|
| colour_ | สตริง | ||
| constants_ | protected |
ConstantProvider | ค่าคงที่ที่จำเป็นในการวาดเครื่องหมาย |
| currentMarkerSvg | SVGElement | null | องค์ประกอบ SVG ปัจจุบันของตัวทำเครื่องหมาย | |
| markerBlock_ | protected |
SVGPathElement | null | |
| markerInput_ | protected |
SVGPathElement | null | |
| markerSvg_ | protected |
SVGGElement | null | กลุ่ม SVG รากที่มีตัวทำเครื่องหมาย |
| markerSvgLine_ | protected |
SVGRectElement | null | |
| markerSvgRect_ | protected |
SVGRectElement | null | |
| svgGroup_ | protected |
SVGGElement | null |
วิธีการ
| วิธีการ | ตัวปรับแต่ง | คำอธิบาย |
|---|---|---|
| applyColour_(_curNode) | protected |
ใช้สีของเครื่องหมาย |
| createDom() | สร้างองค์ประกอบ DOM สำหรับตัวทำเครื่องหมาย | |
| createDomInternal_() | protected |
สร้าง SVG ของตัวทำเครื่องหมาย |
| dispose() | กำจัดเครื่องหมายนี้ | |
| draw(oldNode, curNode) | อัปเดตเครื่องหมาย | |
| getBlinkProperties_() | protected |
ดูคุณสมบัติเพื่อทำให้เครื่องหมายกะพริบ |
| getMarker() | รับเครื่องหมาย | |
| getSvgRoot() | แสดงผลโหนดรูทของ SVG หรือ Null หากไม่มี | |
| hide() | ซ่อนเครื่องหมาย | |
| isCursor() | "จริง" หากควรวาดเครื่องหมายเป็นเคอร์เซอร์ หากไม่เป็น จะเป็นเท็จ เคอร์เซอร์วาดเป็นเส้นกะพริบ เครื่องหมายถูกวาดเป็นเส้นทึบ | |
| positionBlock_(width, markOffset, markHeight) | protected |
วางเครื่องหมายของบล็อกสี่เหลี่ยม แสดงโครงร่างครึ่งบนของสี่เหลี่ยมผืนผ้ารอบบล็อก |
| positionInput_(connection) | protected |
วางตำแหน่งเครื่องหมายสำหรับการเชื่อมต่ออินพุต แสดงจิ๊กซอว์ที่มีสีเต็มชิ้น |
| positionLine_(x, y, ความกว้าง) | protected |
ย้ายและแสดงเครื่องหมายบนพิกัดที่ระบุในหน่วยพื้นที่ทำงาน แสดงเส้นแนวนอน |
| positionExport_(width, height, connectionShape) | protected |
วางตำแหน่งเครื่องหมายสำหรับการเชื่อมต่อเอาต์พุต แสดงโครงร่างปริศนาและเส้นทางด้านบนและด้านล่าง |
| positionPrevious_(width, markOffset, markHeight, connectionShape) | protected |
วางตำแหน่งเครื่องหมายสำหรับการเชื่อมต่อก่อนหน้า แสดงสี่เหลี่ยมผืนผ้าครึ่งที่มีรอยบากที่ด้านบนเพื่อแสดงเส้นเชื่อมต่อก่อนหน้านี้ |
| positionRect_(x, y, ความกว้าง, ความสูง) | protected |
ย้ายและแสดงเครื่องหมายบนพิกัดที่ระบุในหน่วยพื้นที่ทำงาน แสดงสี่เหลี่ยมผืนผ้าที่เติมสี |
| setParent_(newParent) | protected |
แนบราก SVG ของตัวทำเครื่องหมายกับกลุ่ม SVG ระดับบนสุด |
| showAtLocation_(curNode) | protected |
อัปเดตสถานะที่มองเห็นได้ของตัวทำเครื่องหมายตามประเภทของ curNode.. |
| showCurrent_() | protected |
แสดงเครื่องหมายปัจจุบัน |
| showWithBlock_(curNode) | protected |
จัดตำแหน่งและแสดงเครื่องหมายสำหรับบล็อก |
| showWithCoordinates_(curNode) | protected |
จัดตำแหน่งและแสดงเครื่องหมายสำหรับพิกัดของพื้นที่ทำงาน นี่คือเส้นแนวนอน |
| showWithField_(curNode) | protected |
จัดตำแหน่งและแสดงเครื่องหมายสำหรับฟิลด์ นี่คือกล่องรอบๆ ฟิลด์ |
| showWithInput_(curNode) | protected |
จัดตำแหน่งและแสดงเครื่องหมายสำหรับอินพุต นี่คือจิ๊กซอว์ |
| showWithNext_(curNode) | protected |
จัดตำแหน่งและแสดงเครื่องหมายสำหรับการเชื่อมต่อถัดไป นี่คือเส้นแนวนอน |
| showWithOutput_(curNode) | protected |
จัดตำแหน่งและแสดงเครื่องหมายสำหรับการเชื่อมต่อเอาต์พุต |
| showWithPrevious_(curNode) | protected |
จัดตำแหน่งและแสดงเครื่องหมายสำหรับการเชื่อมต่อก่อนหน้า |
| showWithStack_(curNode) | protected |
จัดตำแหน่งและแสดงเครื่องหมายสำหรับกองซ้อน นี่คือกล่องที่มีระยะห่างจากขอบเพิ่มเติมรอบๆ กลุ่มบล็อกทั้งกลุ่ม |