對於“儲存”按鈕（svg 的 id 是“editor”，canvas 的 id 是“canvas”）：
$("#editor_save").click(function() {
// the canvg call that takes the svg xml and converts it to a canvas
canvg('canvas', $("#editor").html());
// the canvas calls to output a png
var canvas = document.getElementById("canvas");
var img = canvas.toDataURL("image/png");
// do what you want with the base64, write to screen, post to server, etc...
});
jbeard4 解決方案運作良好。
我正在使用 Raphael SketchPad 建立 SVG。連結到步驟 1 中的文件。
對於“儲存”按鈕（svg 的 id 是“editor”，canvas 的 id 是“canvas”）：
$("#editor_save").click(function() { // the canvg call that takes the svg xml and converts it to a canvas canvg('canvas', $("#editor").html()); // the canvas calls to output a png var canvas = document.getElementById("canvas"); var img = canvas.toDataURL("image/png"); // do what you want with the base64, write to screen, post to server, etc... });以下是透過 JavaScript 實作的方法：