Oggetto Percorso
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
PathObject contiene gli elementi SVG nel DOM
che costituiscono il blocco.
Ad esempio, nel renderer Geras, i blocchi hanno un percorso "principale", un percorso "scuro" e un percorso "chiaro", per conferire loro un effetto 3d. L'oggetto path crea gli elementi SVG per ognuno di questi percorsi.
Ciò è contrario al renderer Thrasos, i cui blocchi hanno un singolo elemento di percorso con un tratto:
Inoltre, gestisce:
- Applicando la forma generata dal cassetto agli elementi SVG.
- Applicare i colori del tema agli elementi SVG.
- Applicare altri stili agli elementi SVG.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-07-25 UTC.
[null,null,["Ultimo aggiornamento 2025-07-25 UTC."],[[["\u003cp\u003eThe \u003ccode\u003ePathObject\u003c/code\u003e manages the SVG elements that visually represent a block in Blockly, such as the main, dark, and light paths for 3D effects.\u003c/p\u003e\n"],["\u003cp\u003eIt applies the shape created by the drawer, along with theme colors and other styling, to these SVG elements.\u003c/p\u003e\n"],["\u003cp\u003eDifferent renderers, like Geras and Thrasos, utilize \u003ccode\u003ePathObject\u003c/code\u003e to create unique visual styles for their blocks.\u003c/p\u003e\n"]]],["The `PathObject` class manages the SVG elements that form a block's visual representation within the DOM. It generates SVG elements for different paths (e.g., main, dark, light) as seen in the Geras renderer or a single path as in the Thrasos renderer. It also applies the shape from the drawer, incorporates theme colors, and applies other styling to these SVG elements. It handles all these visual modifications of the block.\n"],null,["# Path object\n\nThe [`PathObject`](/blockly/reference/js/blockly.blockrendering_namespace.pathobject_class) contains the SVG elements in the DOM\nthat make up the block.\n\nFor example, in the [Geras](/blockly/guides/create-custom-blocks/renderers/overview#built-in-renderers) renderer, blocks have a \"main\"\npath, a \"dark\" path and a \"light\" path, to give them a 3d effect. The\npath object creates the SVG elements for each of these paths.\n\nThis is opposed to the [Thrasos](/blockly/guides/create-custom-blocks/renderers/overview#built-in-renderers) renderer, whose blocks\nhave a single path element with a stroke:\n\nIt also handles:\n\n- Applying the shape generated by the [drawer](/blockly/guides/create-custom-blocks/renderers/concepts/drawer) to the SVG elements.\n- Applying [theme colors](/blockly/guides/configure/web/appearance/themes#block_style) to the SVG elements.\n- Applying other styling to the SVG elements."]]
