SVG Editor/Viewer Online

Code:

View:

What is SVG?

SVG means Scalable Vector Graphics, It is an XML-based vector image format for two-dimensional graphics. The advantage of the format is that it defined in XML text files. This means that they can be searched, indexed, scripted, and compressed, now WikiPedia.org's graphic is SVG format.

The SVG Editor/Viewer Online will help you view the SVG code and preview what's the code will display. what you need do is write code or open SVG file, click "draw" button to view the result.

Share on

"; $("#iview").attr("srcdoc",s); } function OnOpen() { $("#fileElem").focus(); $("#fileElem").click(); } function OnOpenURL() { //var s=""; //$("#codeArea").val(s); img = document.createElement('img'); img.src = "http://dev.w3.org/SVG/tools/svgweb/samples/svg-files/acid.svg"; document.body.appendChild(img); //var img = $("", {src : $("#imageurl").val()}); //img.appendTo("#iview"); $("#getURLname").css("display","inline"); } function OnSave() { $("#getFilename").css("display","inline"); } function OnDraw() { var s=$("#codeArea").val(); s = ""+s+""; $("#iview").attr("srcdoc",s); } function loadFile() { var fileElem = document.getElementById("fileElem").files[0]; //var name = fileElem.name; var reader = new FileReader(); reader.onloadend = function(evt) { if( evt.target.readyState==FileReader.DONE ) { //localStorage.notepad_filename = name; //document.title = 'Notepad - '+name; //area.value = evt.target.result; s = evt.target.result; OSName = GetOS(); if( OSName=="Windows" ) s = s.replace(/\r\n/g,'\n'); $("#codeArea").val(s); OnDraw(); $("#codeArea").focus(); } }; reader.readAsText(fileElem); } function cancelSaveFile() { $("#getFilename").css("display","none"); } function saveFile() { //document.getElementById("getFilename").style.display = "none"; //var name = document.getElementById("filename").value; $("#getFilename").css("display","none"); var name = $("#filename").val(); if( name=='' ) name="freecodeformat.svg"; //localStorage.svg_filename = name; //document.title = "SVG - "+name; //var blob = new Blob([area.value], {type: "text/plain;charset=utf-8"}); //s = area.value; var s=$("#codeArea").val(); OSName = GetOS(); if( OSName=="Windows" ) s = s.replace(/\n/g,'\r\n'); var blob = new Blob([s], {type: "text/plain;charset=utf-8"}); saveAs(blob, name); }