TemplatesLearnPricing
Community
Facebook GroupDiscord Server
Sign Up
Video Tutorials
Weekly Live Sessions
Getting Started
What is Cuttle?Make a free name keychainMake connected textMake laser cut boxes
Laser Cutting Fundamentals
Cutting, Scoring, Engraving - what’s the difference?Using Cuttle with GlowforgeUsing Cuttle with LightBurnUsing Cuttle with xTool StudioUsing Cuttle with WeCreat MakeIt!
Account and Billing
How to cancel your subscriptionHow to switch from monthly to yearly billingHow to update your payment methodHow to download invoice and receipt pdfsLicensing
Troubleshooting
Cuttle System RequirementsAccount TroubleshootingxTool: SVGs are not importing at the correct scale / dimensionsLightBurn: Kerf is incorrectRDWorks: How to import SVG files
Fonts and Text
Adding your own fontsRemoving a font you uploadedHow do I type special characters in Cuttle?Why can’t I see special characters in the font I uploaded?How to offset text for laser cuttingAdding your own icons
Cuttle Editor Basics
Can I use Cuttle to make my own designs?Understanding the Cuttle interfacePen tool and path editingGuidesChanging unitsCopying componentsHow to use Export for Print & Cut
Cuttle Editor Tools & Modifiers
Warped TextText Along PathText Within BoxCustomized repetitionsCreate a grid of hexagons with Tile RepeatWeld and ScoreAuto LayoutSwitcherVisibleRound CornersAttachMaskFlatten
Making Your Own Templates
Make an engraved name templateMake a layered name templateHow to generate a custom filenameHow to add recommended fonts
Cuttle Creators
Join Cuttle CreatorsHow royalties and payments workCuttle Creator responsibilitiesTemplate guidelinesAdditional questionsInformation for new Cuttle CreatorsPublishing Changes to a TemplateSlots Best Practices
Parameters
Getting started with parametersShowing and hiding parametersVector referenceMath reference
Scripting
Getting started with scriptingCode componentsScripting fundamentalsCalling other components and modifiersWorking with paths
Scripting Reference
CuttleContext
CuttleContextProject
CuttleConsoleMath
VecAffineMatrixBoundingBox
Geometry
AxisRayLineSegmentCubicSegmentOverlapSpanOverlapResult
Graphic
AnchorPathCompoundPathGroupColorFillImageImageFillQRCodeSVGSVGRendererStroke
FontFontGlyphFontRendererRichText
RichTextGlyphRichTextSymbol
Random
RandomGenerator
Utilities
ContainmentPathContainment
InterfacesBuilt-in ShapesBuilt-in Modifiers

SVGRenderer

Renders an external SVG file into a Graphic.

const svgRenderer = getSVGFromURL(svg);
if (!svgRenderer) return [];
return svgRenderer.render();

Methods

.render()→(Graphic | undefined)

Parses the SVG into a Graphic, scaled to project units with the top-left of the SVG view box at the origin. Returns undefined if the SVG can't be parsed.

.viewBox()→(BoundingBox | undefined)

The view box of the SVG as a BoundingBox in project units with the top-left of the view box at the origin. Returns undefined if the SVG has no view box, or if its view box is malformed.