大佬教程收集整理的这篇文章主要介绍了将HTML5画布转换为SVG的方法?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我自己遇到了这个需要,最终为此写了一个图书馆.当时其他的图书馆有点稀疏,或者没有生成有效的SVG.
基本概念是一样的.您创建一个模拟画布2D上下文,然后在调用画布绘图命令时生成一个SVG场景图.基本上你可以重复使用相同的绘图功能.根据您传递给它的上下文,您可以绘制到标准2D画布或生成可序列化的SVG文档.
您实际上不能“转换”一个被绘制的画布元素,因为它只是一个位图,所以请记住.当您导出到SVG时,您只需使用假的上下文再次调用相同的绘图功能.
//create a canvas2svg mock context var mymockContext = new C2S(500,500); //pass in your desired SVG document width/height var draw = function(ctX) { //do your normal drawing ctx.fillRect(0,200,200); //etc... } draw(mymockContext); mymockContext.getserializedSvg(); //returns the serialized SVG document mymockContext.getSvg(); //inline svg
以上是大佬教程为你收集整理的将HTML5画布转换为SVG的方法?全部内容,希望文章能够帮你解决将HTML5画布转换为SVG的方法?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。