blockly >blockRendering >MarkerSvg
blockRendering.MarkerSvg 类
标记的类,包含用于以图形方式将标记渲染为 SVG 的方法。
Signature:
export declare class MarkerSvg
构造函数
构造函数 | 修饰符 | 说明 |
---|---|---|
(构造函数)(工作区、常量、标记) | 构造 MarkerSvg 类的新实例 |
属性
属性 | 修饰符 | 类型 | 说明 |
---|---|---|---|
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() | 如果应将标记绘制为光标,则为 true,否则为 false。光标会绘制为一条闪烁线。标记会绘制为实线。 | |
positionBlock_(width, markerOffset, markerHeight) | protected |
放置区块的标记。显示区块周围矩形上半部分的轮廓。 |
positionInput_(connection) | protected |
为输入连接定位标记。显示已填充的拼图块。 |
positionLine_(x, y, width) | protected |
移动并显示指定坐标处的标记(以工作区单位表示)。显示一条水平线。 |
positionOutput_(width, height, connectionShape) | protected |
为输出连接定位标记。显示谜题轮廓以及顶部和底部路径。 |
positionPrevious_(width, markerOffset, markerHeight, connectionShape) | protected |
放置上一个连接的标记。会显示一个顶部有一个凹口的半矩形,用来表示之前的连接。 |
positionRect_(x, y, width, 高度) | 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 |
放置和显示堆栈的标记。这是一个在整叠块周围带有额外内边距的框。 |