blockly > blockRendering > MarkerSvg

blockRendering.MarkerSvg クラス

マーカーのクラス。マーカーを SVG としてグラフィカルにレンダリングするメソッドが含まれています。

署名:

export declare class MarkerSvg 

コンストラクタ

コンストラクタ 修飾子 説明
(structor)(workspace, 定数, マーカー) MarkerSvg クラスの新しいインスタンスを作成します。

プロパティ

プロパティ 修飾子 種類 説明
colour_ string
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

Methods

メソッド 修飾子 説明
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, 幅) protected 指定した座標に、ワークスペース ユニット単位でマーカーを移動して表示します。水平線を表示します。
positionOutput_(width, height, connectionShape)(位置出力_(幅、高さ、接続シェイプ)) 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 ブロックのマーカーを配置して表示します。
showWithCoordinates_(curNode) protected ワークスペース座標にマーカーを配置して表示します。これは水平の線です。
showWithField_(curNode) protected フィールドの位置にマーカーを配置して表示します。フィールドを囲むボックスです。
showWithInput_(curNode) protected 入力のマーカーを配置して表示します。これはパズルピースです。
showWithNext_(curNode) protected 次のコネクションのマーカーの位置を設定して表示します。これは水平の線です。
showWithOutput_(curNode) protected 出力接続用のマーカーを配置して表示します。
showWithPrevious_(curNode) protected 前の接続のマーカーを配置して表示します。
showWithStack_(curNode) protected スタックのマーカーを配置して表示します。これは、ブロックのスタック全体の周囲に追加のパディングがあるボックスです。