Encuesta de investigación: Cuéntanos sobre tu experiencia con Blockly
Comenzar encuesta
Objeto de ruta de acceso
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
El elemento PathObject contiene los elementos SVG en el DOM que conforman el bloque.
Por ejemplo, en el procesador Geras, los bloques tienen una ruta "principal", una ruta "oscuro" y una ruta "clara", para darles un efecto 3D. El objeto de ruta crea los elementos SVG para cada una de estas rutas.
Esto es contrario al procesador Thrasos, cuyos bloques tienen un solo elemento de ruta de acceso con un trazo:
También controla lo siguiente:
- Aplica la forma que genera el panel lateral a los elementos SVG.
- Aplicar colores de tema a los elementos SVG.
- Aplicación de otro estilo a los elementos SVG
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-07-25 (UTC)
[null,null,["Última actualización: 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."]]
