blockly > blockRendering > MarkerSvg
Classe blockRendering.MarkerSvg
Classe per un indicatore, contenente metodi per il rendering grafico di un indicatore come SVG.
Firma:
export declare class MarkerSvg
Costruttori
Costruttore | Modificatori | Descrizione |
---|---|---|
(costruttore)(workspace, costanti, indicatore) | Crea una nuova istanza della classe MarkerSvg |
Proprietà
Proprietà | Modificatori | Tipo | Descrizione |
---|---|---|---|
colour_ | stringa | ||
constants_ | protected |
ConstantProvider | Le costanti necessarie per disegnare l'indicatore. |
currentMarkerSvg | SVGElement | null | L'elemento SVG corrente per l'indicatore. | |
markerBlock_ | protected |
SVGPathElement | null | |
markerInput_ | protected |
SVGPathElement | null | |
markerSvg_ | protected |
SVGGElement | null | Il gruppo SVG principale contenente l'indicatore. |
markerSvgLine_ | protected |
SVGRectElement | null | |
markerSvgRect_ | protected |
SVGRectElement | null | |
svgGroup_ | protected |
SVGGElement | null |
Metodi
Metodo | Modificatori | Descrizione |
---|---|---|
applyColour_(_curNode) | protected |
Applica il colore dell'indicatore. |
createDom() | Crea l'elemento DOM per l'indicatore. | |
createDomInternal_() | protected |
Crea il file SVG dell'indicatore. |
dispose() | Smaltisci questo indicatore. | |
draw(oldNode, curNode) | Aggiorna l'indicatore. | |
getBlinkProperties_() | protected |
Ottieni le proprietà per far lampeggiare un indicatore. |
getMarker() | Prendi l'indicatore. | |
getSvgRoot() | Restituisce il nodo radice del file SVG o nullo se non ne esiste nessuno. | |
hide() | Nascondi l'indicatore. | |
isCursor() | True se l'indicatore deve essere disegnato come un cursore, false in caso contrario. Un cursore è disegnato come una linea lampeggiante. L'indicatore viene disegnato come una linea continua. | |
positionBlock_(width, markOffset, markHeight) | protected |
Posiziona l'indicatore per un blocco. Mostra il contorno della metà superiore di un rettangolo attorno a un blocco. |
positionInput_(connection) | protected |
Posiziona l'indicatore per una connessione di ingresso. Mostra un pezzo di puzzle pieno. |
positionLine_(x, y, larghezza) | protected |
Sposta e mostra l'indicatore nella coordinata specificata in unità dello spazio di lavoro. Visualizza una linea orizzontale. |
positionOutput_(larghezza, altezza, connectionShape) | protected |
Posiziona l'indicatore per una connessione di output. Mostra il contorno di un rompicapo e il percorso superiore e inferiore. |
positionPrevious_(width, markOffset, markup altezza, connectionShape) | protected |
Posiziona l'indicatore per una connessione precedente. Visualizza un mezzo rettangolo con un incavo in alto per rappresentare la connessione precedente. |
positionRect_(x, y, larghezza, altezza) | protected |
Sposta e mostra l'indicatore nella coordinata specificata in unità dello spazio di lavoro. Mostra un rettangolo pieno. |
setParent_(newParent) | protected |
Collega la radice SVG dell'indicatore al gruppo SVG dell'elemento principale. |
showAtLocation_(curNode) | protected |
Aggiorna lo stato di visibilità 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 il pulsante popup. Si tratta di un riquadro con una spaziatura interna extra intorno al pulsante. |
showWithCoordinates_(curNode) | protected |
Posiziona e visualizza l'indicatore per la coordinata di uno spazio di lavoro. Questa è una linea orizzontale. |
showWithField_(curNode) | protected |
Posiziona e visualizza l'indicatore per un campo. che circonda il campo. |
showWithInput_(curNode) | protected |
Posiziona e visualizza l'indicatore per un input. Questo è un pezzo di puzzle. |
showWithNext_(curNode) | protected |
Posiziona e visualizza l'indicatore per la prossima connessione. 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 per una connessione precedente. |
showWithStack_(curNode) | protected |
Posiziona e visualizza l'indicatore per una serie. Si tratta di un riquadro con una spaziatura interna extra intorno all'intera pila di blocchi. |