jquery - 使用 raphael 、 canvg 和 jquery 将 SVG 转换为图像(dataURI)

Question

我已经使用 Raphael.js 、 canvg 和 jquery 将 svg 转换为图像。

But want to make the image at the center of rectangular view port in svg as well as png. and resize it to particular size like 800*600 etc using chrome.

我得到的结果图像很小并且不以矩形为中心。 我怎样才能达到这个目的。我有 jsfiddle 设置。这里The fiddle I have compiled 。另外，我在 fiddle 错误中收到“错误:元素'html'尚未实现。”尽管我没有前导空格(或者我不知道)。

I don't have "ERROR: Element 'html' not yet implemented." error in local pc.

非常感谢您的帮助。

Answer 1

您试图从包含两个元素的 HTML 字符串创建 Canvas :

• 您要转换的 SVG 元素
• 您想要用来将 SVG 转换为 PNG 的 Canvas 元素。

Canvg 不喜欢解析多个元素，因此提示“HTML”。

看看这个从你那里 fork 出来的 fiddle :http://jsfiddle.net/LVZEX/2/

它所做的只是添加一个额外的替换，从 map div 中提取的 HTML 字符串末尾删除 canvas 标签

      var svg = $('#map').html().replace(/>\s+/g, ">").replace(/\s+</g, "<").replace(/<canvas.+/g,"");