问题标签 [canvg]

我正在尝试使用 canvg 栅格化嵌入在我的文档中的 SVG 图像。以下代码在 Firefox 17 中产生正确的输出：

但是，在 IE 8（我的组织支持的其他浏览器）中，svgText从不获取值。我尝试了其他选项，例如html()jQuery 中的方法，但收效甚微——毕竟，它不是真正的 html。

我的问题是：如何在 IE8 中将 SVG 作为文本字符串获取？还有其他方法可以将其传递给canvg()我只是没有想到的吗？

我正在制作的网站（这里）的所有图像都是 SVG。但由于 SVG 并非在所有地方都兼容（尤其是 IE <9 和 2.x 版本的 Android 浏览器），我需要找到一种解决方法。那不可能是 SVGweb，因为它使用 Flash，而 Flash 不能在移动设备上运行。

所以我以为我找到了一个可行的解决方案。

兼容性.js：

但这似乎没有任何效果，而且由于没有错误而且我找不到任何逻辑错误，我很难过。这是我的标签，以防我弄乱了某些东西的加载顺序。

此外，这不是主要问题，但如果您碰巧弄清楚 Selectivizr 为何不起作用，请务必告诉。

尝试创建
Step 1 - 让用户通过 Ajax、Raphael 和 Raphael freetransform 上传图像。

第 2 步 - 单击按钮以显示来自合并上传图像的一张图像。（问题）： 我发现了关于 convert Raphael svg 1 2 3的类似帖子，
所以我也在使用 Canvg 但得到了 console.log:Resource interpreted as image but transferred with MIME type text/html error: image "" not found。

请帮我找到解决方法。或任何线索如何以其他方式达到相同的目标（将几个 Raphael svg 图像从上传转换为一个 png/jpeg）？

谢谢！

步骤1

第2步

我有一个网站，我可以在一个页面中点击一个 png 并加载一个 SVG 外部。使用颜色选择器我可以改变它的颜色，通过可拖动和调整大小我可以改变我的 SVG 的位置和尺寸。
现在我想用 html2canvas 保存这个 SVG。
我知道 html2canvas 不支持 SVG，为此我必须使用 canvg。
但是，当我保存时，如何使用 canvg 转换我的动态 SVG？
因为我希望图像不会改变位置颜色或尺寸。
有可能吗？
如何使用 canvg 转换我的 dinamuc SVG？

这是我的代码（我已经简化了，因为它非常复杂）
JQUERY：

HTML：

我正在尝试创建一个网站，您可以在其中使用 Raphael.js 在另一个图像上绘制图像。绘图部分已完成，我可以将线条导出为 png。我将图像插入到函数生成的 SVG raphael 中paper.image()；不幸的是，我的导出功能不包括导入的图像。

这些是我正在使用的脚本，但我不认为我会全部使用它们。

这是导出函数 $('#save').onmousedown ...

这是我如何通过代表图像的按钮导入图像$('#img1').onmousedown...

以下是 dom-tree 中输出的样子，以图像和白线为例。

非常感谢您的任何回复，请原谅我的英语。

我正在努力转换svg为png. 对于这种转换，我正在使用canvg. 这种转换在谷歌浏览器上运行良好，但 IE 10 给出了以下错误消息。

我尝试了以下代码

http://jsfiddle.net/dGzau/

http://jsfiddle.net/fnyJV/

如何让它在 IE 10 上运行？

任何人都可以帮我做到这一点吗？

我一直在使用这种方法使用canvg将SVG转换为PNG：

在浏览器中将 SVG 转换为图像（JPEG、PNG 等）。

但是，canvg 不支持我的项目需要的 feColorMatrix 过滤器。有谁知道替代转换方法或解决此问题的方法？谢谢！

我正在尝试使用 canvg 在画布内绘制高图。

我遇到的问题是图表图例没有出现在画布中，并且尺寸和质量也降低了。

我创建了一个 html 5 画布并使用 ctx.fillRect(X,Y,W,H); 添加了一些形状；和其他一些javascript函数。

现在我想在该画布的多个位置添加一个 svg 图形。

我想使用 svg 的原因是图像的清晰度和质量。我尝试在 HTML5 中使用 drawImage 方法，但是当我使用 drawImage 方法将其添加到画布时，我想要绘制的图像并没有提供非常高质量的输出。无论我使用多么高分辨率的图像，它都会产生非常低质量的图像。

但我认为使用 svg 图形是解决方案。

这是我使用的代码，

作为我在 stackoverflow 上找到的解决方案，我尝试使用前面类似问题中提到的 canvg.js，但不清楚。例如：

我应该如何在这个命令中给出外部 svg 的 url？我可以使用 '' 之间的 url 作为 drawSvg 的参数吗？例如：ctx.drawSvg('location.svg', 0 , 0 , 500, 500);

有什么办法可以在画布内显示 svg 图形？canvg 能解决问题吗？如果是这样，具体如何？

请帮助我。:)

我使用 MS Visio 2013 绘制了超市的平面图。我已将其转换为 svg 文件。我想要做的是使用另一个 svg 文件确定平面图的某些位置。

我已经通过许多其他方式尝试过这个。我创建了一个 html 5 画布并使用 javascript 命令绘制了地图。然后我使用 svg 图像来显示位置。

但是这种方法的结果质量很低。更不用说当您放大地图时它的质量会变得更低。

我知道将 svg 嵌入到 html 页面或使用 svg 文件作为背景的方法。但是有了这两个，我如何使用另一个 svg 文件来查明多个位置？

有没有办法使用 svg 文件来做到这一点？:)