我需要转换一个 .svg 文件/图像为一个 .png 文件/图像...
我在页面上展示一个 .svg 图像,它保存在我的服务器上(以 .png 文件的形式)。我需要按需求将其转换为 .png 文件(当点击按钮时),并将 .png 文件保存在服务器上(我将使用 .ajax 请求进行此操作)。但是问题在于转换。
我阅读了许多有关 HTML5 Canvas 的内容,这可能可以帮助我完成现在需要做的事情,但我找不到任何明确解决方案来解决我的问题,并且,说实话,我没有理解我找到的所有内容...因此,我需要关于如何操作的明确建议/帮助。
下面是“html idea”模板:
<html>
<body>
<svg id="mySvg" width="300px" height="300px">
<!-- my svg data -->
</svg>
<label id="button">Click to convert</label>
<canvas id="myCanvas"></canvas>
</body>
</html>
还有一些 JavaScript 代码:
<script>
$("body").on("click","#button",function(){
var svgText = $("#myViewer").outerHTML;
var myCanvas = document.getElementById("canvas");
var ctxt = myCanvas.getContext("2d");
});
</script>
然后,我需要将SVG绘制到画布中,取回Base64数据,并将其保存在我的服务器上的.png文件中...但是...怎么做呢?我了解了许多不同的解决方案,但实际上...我感到迷茫...我正在一个jsfiddle上工作,但实际上...我无处可去...http://jsfiddle.net/xfh7nctk/6/ ... 谢谢阅读/帮助