blockly > blockRendering > MarkerSvg
Classe blockRendering.MarkerSvg
Classe per un indicatore, contenente i metodi per eseguire il rendering grafico di un indicatore come SVG.
Firma:
export declare class MarkerSvg
Costruttori
Costruttore | Modificatori | Descrizione |
---|---|---|
(costruttore)(area di lavoro, costanti, indicatore) | Crea una nuova istanza della classe MarkerSvg |
Proprietà
Proprietà | Modificatori | Tipo | Descrizione |
---|---|---|---|
colour_ | stringa | ||
constants_ | protected |
ConstantProvider | Le costanti necessarie per tracciare l'indicatore. |
currentMarkerSvg | Elemento SVG | null | L'elemento SVG corrente dell'indicatore. | |
markerBlock_ | protected |
SVGPathElement | null | |
markerInput_ | protected |
SVGPathElement | null | |
markerSvg_ | protected |
Elemento SVGG | null | Il gruppo SVG principale contenente l'indicatore. |
markerSvgLine_ | protected |
SVGRectElement | null | |
markerSvgRect_ | protected |
SVGRectElement | null | |
svgGroup_ | protected |
Elemento SVGG | null |
Metodi
Metodo | Modificatori | Descrizione |
---|---|---|
applyColour_(_curNode) | protected |
Applica il colore dell'indicatore. |
createDom() | Crea l'elemento DOM per l'indicatore. | |
createDomInternal_() | protected |
Crea l'indicatore SVG. |
Disposizione (()) | Smaltisci questo indicatore. | |
draw(oldNode, curNode) | Aggiorna l'indicatore. | |
getBlinkProperties_() | protected |
Ottieni le proprietà per far lampeggiare un indicatore. |
getMarker() | Prendi l'indicatore. | |
getSvgRoot() | Restituisci il nodo radice del file SVG, oppure nullo se non ne esiste nessuno. | |
hide() | Nascondi l'indicatore. | |
isCursor() | True se l'indicatore deve essere disegnato come un cursore, altrimenti false. Il cursore è tracciato come una linea lampeggiante. Un indicatore viene disegnato come una linea continua. | |
positionBlock_(width, indicatoreOffset, indicatoriAltezza) | protected |
Posiziona l'indicatore in un blocco. Visualizza il contorno della metà superiore di un rettangolo attorno a un blocco. |
positionInput_(connection) | protected |
Posiziona l'indicatore per una connessione di input. Mostra un pezzo di un puzzle riempito. |
positionLine_(x, y, larghezza) | protected |
Sposta e mostra l'indicatore nella coordinata specificata nelle unità dell'area di lavoro. Visualizza una linea orizzontale. |
positionOutput_(larghezza, altezza, connectionShape) | protected |
Posiziona l'indicatore per una connessione di output. Mostra il contorno di un puzzle e il percorso superiore e inferiore. |
positionPrevious_(larghezza, indicatoreOffset, indicatoreAltezza, connessioneForma) | protected |
Posiziona l'indicatore di una connessione precedente. Visualizza un mezzo rettangolo con una tacca nella parte superiore per rappresentare la connessione precedente. |
positionRect_(x; y; larghezza; altezza) | protected |
Sposta e mostra l'indicatore nella coordinata specificata nelle unità dell'area di lavoro. Mostra un rettangolo pieno. |
setParent_(newParent) | protected |
Applica la radice SVG dell'indicatore al gruppo SVG dell'indicatore principale. |
showAtLocation_(curNode) | protected |
Aggiorna lo stato visibile dell'indicatore in base al tipo di curNode. |
showCurrent_() | protected |
Mostra l'indicatore corrente. |
showWithBlock_(curNode) | protected |
Posiziona e visualizza l'indicatore di un blocco. |
showWithButton_(curNode) | protected |
Posiziona e visualizza l'indicatore per un pulsante a comparsa. Si tratta di una scatola con spaziatura interna aggiuntiva attorno al pulsante. |
showWithCoordinates_(curNode) | protected |
Posiziona e visualizza l'indicatore per una coordinata dell'area di lavoro. Questa è una linea orizzontale. |
showWithField_(curNode) | protected |
Posiziona e visualizza l'indicatore per un campo. Si tratta di un riquadro intorno al campo. |
showWithInput_(curNode) | protected |
Posiziona e visualizza l'indicatore per un input. Questo è il pezzo di un puzzle. |
showWithNext_(curNode) | protected |
Posiziona e visualizza l'indicatore per una connessione successiva. Questa è una linea orizzontale. |
showWithOutput_(curNode) | protected |
Posiziona e visualizza l'indicatore per una connessione di output. |
showWithPrevious_(curNode) | protected |
Posiziona e visualizza l'indicatore di una connessione precedente. |
showWithStack_(curNode) | protected |
Posiziona e visualizza l'indicatore per una serie. Si tratta di una scatola con spaziatura interna extra intorno all'intera pila di blocchi. |