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