HTML

導入代碼模板：

SVG EditNewSave as Image<svg width="100" height="100"> <circle cx="50" cy="50" r="25" /> </svg>

(function() {

var edit, init, updateWorkspace;

init = "\n \n\n";

edit = ace.edit("editor");

edit.getSession().setMode("ace/mode/svg");

edit.getSession().setTabSize(4);

updateWorkspace = function() {

return document.getElementById("workspace").innerHTML = edit.getSession().getValue();

};

edit.getSession().on("change", updateWorkspace);

updateWorkspace();

$(".mainnav-icon._new").on("click", function(e) {

return edit.getSession().setValue(init);

});

$(".mainnav-icon._sai").on("click", function(e) {

return saveSvgAsPng($("#workspace").children()[0], "file.png");

});

}).call(this);

總結

以上是生活随笔為你收集整理的html5svg在线编辑器,HTML5 SVG图形在线编辑器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。