Exporting Drawings to SVG

The Drawing library supports the export of drawings to a Scalable Vector Graphics (SVG) document.

The SVG format is a text-based, resolution-independent image format. It is well-suited for post-processing and archiving.

    <script>
        var draw = kendo.drawing;
        var geom = kendo.geometry;

        var rect = new geom.Rect([5, 5], [240, 240]);
        var path = draw.Path.fromRect(rect).stroke("red", 5);

        var root = new draw.Group();
        root.append(path);

        draw.exportSVG(root).done(function(data) {
            kendo.saveAs({
                dataURI: data,
                fileName: "frame.svg"
            });
        });
    </script>

See Also

• Getting Started with the Drawing Library
• Drawing DOM Elements
• Exporting Drawings to PDF
• Exporting Drawings to Images
• Supported Browsers and Known Limitations for Kendo UI Drawing API