Vector Graphics Editor
Create and Edit SVG online - Scalable Vector Graphics
open janvas...
SVG - Janvas Page
Janvas pages are SVG nodes placed inside the SVG document root node.
The structure of the page, to be loaded and parsed as Janvas page, must have some added attributes ( data-custom-element, class, data-width, data-height ) and the "content"  node

As you can see into the SVG XML code the SVG page node tag have these attributes:

-  data-custom-element=""Page_cmp"
-  class="page"
-  data-width=(the page width)
-  data-height=(the page height)

As you can see into the SVG XML code a SVG page tag have these children:

<g class="content"> 
      <g class="layers">
               <g class="layer" class="layer" >
                       <!--  graphic elements  -->                
               </g>
      </g>
 </g> 



 <!-- document -->
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="793.71"
height="1122.53"
data-version="6.3">
<defs>
<!-- reusable elements: symbols,patterns,... -->
</defs>
    <!-- page -->
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
data-custom-element="Page_cmp"
class="page" x="0px" y="0" width="793.71" height="1122.53"
data-width="793.71" data-height="1122.53"
viewBox="0 0 793.71 1122.53">
<!-- page content -->
<g class="content">
<!-- page layers -->
<g class="layers">
<!-- layer -->
<g transform="matrix(1,0,0,1,0,0)"
data-name="Layer 1"
data-color="#fb006b"
class="layer"
active="">
</g>
</g>
</g>
</svg>

</svg>

Pages Panel
The Pages Panel lists all the pages contained in the document.