UNPKG

@threepipe/plugin-svg-renderer

Version:

Plugins for SVG Rendering of 3d objects for Threepipe

67 lines 104 kB
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ThreeSVGRendererPlugin | Threepipe SVG Rendering Plugins</title><meta name="description" content="Documentation for Threepipe SVG Rendering Plugins"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Threepipe SVG Rendering Plugins</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">ThreeSVGRendererPlugin</a></li></ul><h1>Class ThreeSVGRendererPlugin</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>SVG Rendering from 3d scenes helper plugin using <a href="https://www.npmjs.com/package/three-svg-renderer">three-svg-renderer</a> (GPLV3 Licenced)</p> </div><div class="tsd-comment tsd-typography"></div></section><section class="tsd-panel tsd-hierarchy" data-refl="86"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">AViewerPluginSync</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">ThreeSVGRendererPlugin</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L23" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:23</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a> </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#_dirty" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>_<wbr/>dirty</span></a> <a href="#_fillpass" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>_<wbr/>fill<wbr/>Pass</span></a> <a href="#_laststyles" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>_<wbr/>last<wbr/>Styles?</span></a> <a href="#_meshes" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>_<wbr/>meshes</span></a> <a href="#_viewer" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>_<wbr/>viewer?</span></a> <a href="#_viewerlisteners" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>_<wbr/>viewer<wbr/>Listeners</span></a> <a href="#alwaysupdatemeshes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>always<wbr/>Update<wbr/>Meshes</span></a> <a href="#autoaddtocontainer" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Add<wbr/>To<wbr/>Container</span></a> <a href="#automakesvgobjects" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Make<wbr/>Svg<wbr/>Objects</span></a> <a href="#autorender" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Render</span></a> <a href="#constructor-1" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>constructor</span></a> <a href="#creaseangle" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>crease<wbr/>Angle</span></a> <a href="#drawhiddencontours" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draw<wbr/>Hidden<wbr/>Contours</span></a> <a href="#drawimagefills" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draw<wbr/>Image<wbr/>Fills</span></a> <a href="#drawpolygonfills" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draw<wbr/>Polygon<wbr/>Fills</span></a> <a href="#drawpolygons" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draw<wbr/>Polygons</span></a> <a href="#drawpolygonstrokes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draw<wbr/>Polygon<wbr/>Strokes</span></a> <a href="#drawvisiblecontours" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draw<wbr/>Visible<wbr/>Contours</span></a> <a href="#enabled" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>enabled</span></a> <a href="#renderer" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>renderer</span></a> <a href="#svgnodecontainer" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>svg<wbr/>Node<wbr/>Container</span></a> <a href="#uiconfig" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>ui<wbr/>Config?</span></a> <a href="#oldplugintype" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Old<wbr/>Plugin<wbr/>Type?</span></a> <a href="#plugintype" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Plugin<wbr/>Type</span></a> <a href="#svg_render_timeout" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>SVG_<wbr/>RENDER_<wbr/>TIMEOUT</span></a> </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#dirty" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>dirty</span></a> <a href="#svgnode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>svg<wbr/>Node</span></a> </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#_onmeshdispose" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>on<wbr/>Mesh<wbr/>Dispose</span></a> <a href="#_onmeshupdate" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>on<wbr/>Mesh<wbr/>Update</span></a> <a href="#_onresize" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>on<wbr/>Resize</span></a> <a href="#_onviewerevent" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>on<wbr/>Viewer<wbr/>Event</span></a> <a href="#_refreshmeshes" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>refresh<wbr/>Meshes</span></a> <a href="#_refreshparams" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>refresh<wbr/>Params</span></a> <a href="#_storekey" class="tsd-index-link tsd-is-protected tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>store<wbr/>Key</span></a> <a href="#_togglematerialrendering" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>toggle<wbr/>Material<wbr/>Rendering</span></a> <a href="#disable" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a> <a href="#dispose" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>dispose</span></a> <a href="#download" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>download</span></a> <a href="#enable" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a> <a href="#exportstate" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>export<wbr/>State</span></a> <a href="#fromjson" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>from<wbr/>JSON</span></a> <a href="#importstate" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>import<wbr/>State</span></a> <a href="#isdisabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Disabled</span></a> <a href="#makesvgobject" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>make<wbr/>SVG<wbr/>Object</span></a> <a href="#onadded" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on<wbr/>Added</span></a> <a href="#onremove" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on<wbr/>Remove</span></a> <a href="#render" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>render</span></a> <a href="#setdirty" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Dirty</span></a> <a href="#tojson" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>to<wbr/>JSON</span></a> <a href="#updatemeshes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Meshes</span></a> </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorthreesvgrendererplugin"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">ThreeSVGRendererPlugin</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">enabled</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">autoAddToContainer</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">ThreeSVGRendererPlugin</a><a href="#constructorthreesvgrendererplugin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">enabled</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">autoAddToContainer</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>automatically add the svg to the viewer container and style it same as the viewer is position is absolute</p> </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">ThreeSVGRendererPlugin</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Overrides AViewerPluginSync.constructor</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L118" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:118</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><h3 class="tsd-anchor-link" id="_dirty"><code class="tsd-tag">Protected</code><span>_<wbr/>dirty</span><a href="#_dirty" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">_dirty</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><p>Inherited from AViewerPluginSync._dirty</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/src/viewer/AViewerPlugin.ts#L21" class="external" target="_blank">src/viewer/AViewerPlugin.ts:21</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_fillpass"><code class="tsd-tag">Protected</code> <code class="tsd-tag">Readonly</code><span>_<wbr/>fill<wbr/>Pass</span><a href="#_fillpass" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">_fillPass</span><span class="tsd-signature-symbol">:</span> <a href="FillPass.html" class="tsd-signature-type tsd-kind-class">FillPass</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L98" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:98</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_laststyles"><code class="tsd-tag">Protected</code> <code class="tsd-tag">Optional</code><span>_<wbr/>last<wbr/>Styles</span><a href="#_laststyles" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">_lastStyles</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = undefined</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L154" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:154</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_meshes"><code class="tsd-tag">Protected</code><span>_<wbr/>meshes</span><a href="#_meshes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">_meshes</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Map</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <a href="SVGMesh.html" class="tsd-signature-type tsd-kind-class">SVGMesh</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L218" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:218</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected tsd-is-inherited"><h3 class="tsd-anchor-link" id="_viewer"><code class="tsd-tag">Protected</code> <code class="tsd-tag">Optional</code><span>_<wbr/>viewer</span><a href="#_viewer" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">_viewer</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">ThreeViewer</span></div><aside class="tsd-sources"><p>Inherited from AViewerPluginSync._viewer</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/src/viewer/AViewerPlugin.ts#L25" class="external" target="_blank">src/viewer/AViewerPlugin.ts:25</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_viewerlisteners"><code class="tsd-tag">Protected</code><span>_<wbr/>viewer<wbr/>Listeners</span><a href="#_viewerlisteners" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">_viewerListeners</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">postRender</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">_</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IViewerEvent</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><p>Overrides AViewerPluginSync._viewerListeners</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L339" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:339</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="alwaysupdatemeshes"><span>always<wbr/>Update<wbr/>Meshes</span><a href="#alwaysupdatemeshes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">alwaysUpdateMeshes</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><div class="tsd-comment tsd-typography"><p>Update meshes on every render. If this is false, meshes will only be updated when they change. (tracked using objectUpdate event)</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L79" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:79</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="autoaddtocontainer"><code class="tsd-tag">Readonly</code><span>auto<wbr/>Add<wbr/>To<wbr/>Container</span><a href="#autoaddtocontainer" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">autoAddToContainer</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><div class="tsd-comment tsd-typography"><p>automatically add the svg to the viewer container and style it same as the viewer is position is absolute</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L118" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:118</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="automakesvgobjects"><span>auto<wbr/>Make<wbr/>Svg<wbr/>Objects</span><a href="#automakesvgobjects" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">autoMakeSvgObjects</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><div class="tsd-comment tsd-typography"><p>Automatically create SVG objects for all meshes in the scene. If this is false, you will have to manually create SVG objects for meshes using <code>makeSVGObject</code> method.</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L94" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:94</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="autorender"><span>auto<wbr/>Render</span><a href="#autorender" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">autoRender</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><div class="tsd-comment tsd-typography"><p>Automatically render when camera or any object changes.</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L34" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:34</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="constructor-1"><span>constructor</span><a href="#constructor-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">constructor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">typeof</span> <span class="tsd-signature-type">AViewerPluginSync</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-keyword">typeof</span> <span class="tsd-signature-type">AViewerPlugin</span></div><aside class="tsd-sources"><p>Inherited from AViewerPluginSync.constructor</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/src/viewer/AViewerPlugin.ts#L144" class="external" target="_blank">src/viewer/AViewerPlugin.ts:144</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="creaseangle"><span>crease<wbr/>Angle</span><a href="#creaseangle" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">creaseAngle</span><span class="tsd-signature-symbol">:</span> <a href="https://threejs.org/docs" class="tsd-signature-type external" target="_blank">Vector2</a><span class="tsd-signature-symbol"> = ...</span></div><div class="tsd-comment tsd-typography"><p>Min and Max Crease angle for mesh edges.</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L86" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:86</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drawhiddencontours"><span>draw<wbr/>Hidden<wbr/>Contours</span><a href="#drawhiddencontours" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">drawHiddenContours</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><div class="tsd-comment tsd-typography"><p>Draw hidden contours of meshes.</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L72" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:72</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drawimagefills"><span>draw<wbr/>Image<wbr/>Fills</span><a href="#drawimagefills" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">drawImageFills</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><div class="tsd-comment tsd-typography"><p>Draw image fills. (fill image from rendered canvas image). Make sure canvas is rendered(and render pipeline has a render pass) before calling this.</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L60" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:60</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drawpolygonfills"><span>draw<wbr/>Polygon<wbr/>Fills</span><a href="#drawpolygonfills" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">drawPolygonFills</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><div class="tsd-comment tsd-typography"><p>Draw polygon fills. (fill color from material.color)</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L47" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:47</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drawpolygons"><span>draw<wbr/>Polygons</span><a href="#drawpolygons" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">drawPolygons</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><div class="tsd-comment tsd-typography"><p>Use the fill pass to draw polygons.(both fills and strokes)</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L41" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:41</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drawpolygonstrokes"><span>draw<wbr/>Polygon<wbr/>Strokes</span><a href="#drawpolygonstrokes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">drawPolygonStrokes</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><div class="tsd-comment tsd-typography"><p>Draw polygon strokes. (stroke color from material.color)</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L53" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:53</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drawvisiblecontours"><span>draw<wbr/>Visible<wbr/>Contours</span><a href="#drawvisiblecontours" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">drawVisibleContours</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><div class="tsd-comment tsd-typography"><p>Draw visible contours of meshes.</p> </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L66" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:66</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enabled"><span>enabled</span><a href="#enabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">enabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><aside class="tsd-sources"><p>Overrides AViewerPluginSync.enabled</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L28" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:28</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="renderer"><code class="tsd-tag">Readonly</code><span>renderer</span><a href="#renderer" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">renderer</span><span class="tsd-signature-symbol">:</span> <a href="SVGRenderer.html" class="tsd-signature-type tsd-kind-class">SVGRenderer</a><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L96" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:96</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="svgnodecontainer"><code class="tsd-tag">Readonly</code><span>svg<wbr/>Node<wbr/>Container</span><a href="#svgnodecontainer" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">svgNodeContainer</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L97" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:97</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="uiconfig"><code class="tsd-tag">Optional</code><span>ui<wbr/>Config</span><a href="#uiconfig" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">uiConfig</span><span class="tsd-signature-symbol">?:</span> <a href="https://repalash.com/uiconfig.js" class="tsd-signature-type external" target="_blank">UiObjectConfig</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = undefined</span></div><aside class="tsd-sources"><p>Inherited from AViewerPluginSync.uiConfig</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/src/viewer/AViewerPlugin.ts#L23" class="external" target="_blank">src/viewer/AViewerPlugin.ts:23</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="oldplugintype"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code> <code class="tsd-tag">Readonly</code><span>Old<wbr/>Plugin<wbr/>Type</span><a href="#oldplugintype" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">OldPluginType</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><p>Inherited from AViewerPluginSync.OldPluginType</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/src/viewer/AViewerPlugin.ts#L20" class="external" target="_blank">src/viewer/AViewerPlugin.ts:20</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="plugintype"><code class="tsd-tag">Static</code> <code class="tsd-tag">Readonly</code><span>Plugin<wbr/>Type</span><a href="#plugintype" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">PluginType</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;ThreeSVGRendererPlugin&quot;</span><span class="tsd-signature-symbol"> = &#39;ThreeSVGRendererPlugin&#39;</span></div><aside class="tsd-sources"><p>Overrides AViewerPluginSync.PluginType</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L24" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:24</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="svg_render_timeout"><code class="tsd-tag">Static</code><span>SVG_<wbr/>RENDER_<wbr/>TIMEOUT</span><a href="#svg_render_timeout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">SVG_RENDER_TIMEOUT</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 2000</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L243" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:243</a></li></ul></aside></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="dirty"><span>dirty</span><a href="#dirty" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="dirtydirty"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">dirty</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><p>Inherited from AViewerPluginSync.dirty</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/src/viewer/AViewerPlugin.ts#L112" class="external" target="_blank">src/viewer/AViewerPlugin.ts:112</a></li></ul></aside></div></li><li><div class="tsd-signature" id="dirtydirty-1"><span class="tsd-signature-keyword">set</span> <span class="tsd-kind-set-signature">dirty</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">value</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from AViewerPluginSync.dirty</p><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/src/viewer/AViewerPlugin.ts#L116" class="external" target="_blank">src/viewer/AViewerPlugin.ts:116</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="svgnode"><span>svg<wbr/>Node</span><a href="#svgnode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="svgnodesvgnode"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">svgNode</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Element</span></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Element</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L345" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:345</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_onmeshdispose"><code class="tsd-tag">Protected</code><span>_<wbr/>on<wbr/>Mesh<wbr/>Dispose</span><a href="#_onmeshdispose" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="_onmeshdispose-1"><span class="tsd-kind-call-signature">_onMeshDispose</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">ev</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#_onmeshdispose-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">ev</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/repalash/threepipe/blob/74c00035a8d54e74712537c230a6f39fa26995ca/plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts#L201" class="external" target="_blank">plugins/svg-renderer/src/ThreeSVGRendererPlugin.ts:201</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_onmeshupdate"><code class="tsd-tag">Protected</code><span>_<wbr/>on<wbr/>Mesh<wbr/>Update</span><a href="#_onmeshupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="tru