{"unitKey":"PIXEL","unitValue":1,"drawingScale":1,"findAllElementAtPoint":1,"optimizeZoom":false,"mantainAspectRatio":true,"interactionLabelVisibility":true,"svgAlignmentPreserveAspectRatio":"xMidYMin slice","snap":{"distance":10,"offsetDistance":50,"snapToPoints":true,"snapToContour":true,"snapToPerpendicular":true,"snapToTangent":true,"snapToIntersection":true,"snapToCenter":true,"snapToGrid":true,"snapToOffset":true,"snapToAngles":true,"snapAngleList":[30,45],"useSmartPoints":true,"useSmartGuides":true},"fixedDecimals":0,"rulersVisibility":false,"gridVisibility":false,"elementOriginVisibility":false,"gridStep":1,"origin":{"x":0,"y":0},"selectMainNodes":true,"scaleStrokeAndEffects":true,"scaleText":true,"moveStep":1,"rotateStep":45} toolshomepanelsmenussvg+codepurchaseVector Graphics EditorCreate and Edit SVG onlineENESFRDEITENESFRDEIT {"unitKey":"PIXEL","unitValue":1,"drawingScale":1,"findAllElementAtPoint":1,"optimizeZoom":false,"mantainAspectRatio":true,"interactionLabelVisibility":true,"svgAlignmentPreserveAspectRatio":"xMidYMin slice","snap":{"distance":10,"offsetDistance":50,"snapToPoints":true,"snapToContour":true,"snapToPerpendicular":true,"snapToTangent":true,"snapToIntersection":true,"snapToCenter":true,"snapToGrid":true,"snapToOffset":true,"snapToAngles":true,"snapAngleList":[30,45],"useSmartPoints":true,"useSmartGuides":true},"fixedDecimals":0,"rulersVisibility":false,"gridVisibility":false,"elementOriginVisibility":false,"gridStep":1,"origin":{"x":0,"y":0},"selectMainNodes":true,"scaleStrokeAndEffects":true,"scaleText":true,"moveStep":1,"rotateStep":45} Janvas documents are Standard SVG XML file. The main SVG Node is the root of the document and must have the data-version attribute to be loaded and parsed as Janvas document.svg document format of janvas application Janvas documents are standard SVG XML files. The primary SVG node is the root of the document. The document contains the "defs" node where to place all the reusable elements such as: "symbols", "patterns", "gradients", "markers". Each "page" node contains the "content" node and inside it the "layers" node. Each "layer" node will contain SVG graphics such as: rectangle, circle, path, text, image, etc. Look at the svg code belowClick here for the SVG references: https://developer.mozilla.org/en-US/docs/Web/SVG SVG Document

<!-- document -->
<svg data-version="6.4" viewBox="0 0 1024 600" >

<defs>
<!-- reusable elements: symbols,gradients,patterns,markers... -->
</defs>

<!-- page 1 -->
<svg class="page" x="0px" y="0" width="1024" height="768" data-page-width="1024" data-page-height="600" >
<g class="content">
<g class="layers">
<g class="layer" data-layer-name="first layer" data-layer-color="#007fff" >
<!-- svg graphic elements: rect,ellipse,circle,path,image,....-->
</g>
</g>
</g>
</svg>

<!-- page 2 -->
<svg class="page" x="0px" y="0" width="1024" height="768" data-page-width="1024" data-page-height="600" >
<g class="content">
<g class="layers">
<g class="layer" data-layer-name="first layer" data-layer-color="#007fff" >
<!-- svg graphic elements: rect,ellipse,circle,path,image,....-->
</g>
</g>
</g>
</svg>

</svg>

{"unitKey":"PIXEL","unitValue":1,"drawingScale":1,"findAllElementAtPoint":1,"optimizeZoom":false,"mantainAspectRatio":true,"interactionLabelVisibility":true,"svgAlignmentPreserveAspectRatio":"xMidYMin slice","snap":{"distance":10,"offsetDistance":50,"snapToPoints":true,"snapToContour":true,"snapToPerpendicular":true,"snapToTangent":true,"snapToIntersection":true,"snapToCenter":true,"snapToGrid":true,"snapToOffset":true,"snapToAngles":true,"snapAngleList":[30,45],"useSmartPoints":true,"useSmartGuides":true},"fixedDecimals":0,"rulersVisibility":false,"gridVisibility":false,"elementOriginVisibility":false,"gridStep":1,"origin":{"x":0,"y":0},"selectMainNodes":true,"scaleStrokeAndEffects":true,"scaleText":true,"moveStep":1,"rotateStep":45} Janvas - XOSystem Via E. Cialdini, 28 - Pesaro - ITALY P.IVA 02345150417 info@janvas.comCopyright © XOSystem All rights reservedPrivacy-Policy Terms of Use