问题标签 [svgtopng]

我正在尝试使用库 svgToPng 将 SGV 转换为 PNG

这很好用，除了我使用的自定义 Google 字体无法正确显示。

应该是这样的

相反，看起来像这样

这是包含作为 base64 字符串的字体的完整代码，这在浏览器中呈现良好，但在 nodeJS 上运行时不起作用。我还尝试让字体文件具有到 Google CDN 的相对路径和绝对路径，两者的结果相同。

我想将它作为 Azure 函数运行，因此在我的机器上安装字体的选项不是我以前在其他答案中看到的选项。

我正在尝试通过 Imagick 将 svg 图像转换为 png。我“成功”地做到了，图像被转换了，但它们似乎被不同的颜色破坏了。这是我的代码示例和转换前后的图像示例。

相同的代码示例遍布互联网，看起来这是使用 php 将 svg 转换为 png 的唯一方法，但它不起作用。

1. 转换前后的示例图像：

2. 转换前后的示例：

有任何想法吗？谢谢！

SVG 内容来自服务的 json 数据。这是我的 svg 文件

我正在解码这里的内容，

另存为svg：

保存效果很好，我可以打开 svg 没有任何错误。

试图在这里将我保存的 svg 转换为 png，

但是转换后的PNG是空白的。我应该怎么办 ？这段代码有什么问题？

注意：在 svg 内容中，所有图片都是 base64

我在项目中使用数据透视表工具 ( webdatarocks ) azure DevOps extension。SVG 文件中的工具图标，但azure DevOps extensions项目不接受 SVG 文件类型，并在发布阶段出现以下错误。

错误处理... 不支持扩展包中的 SVG 文件类型。'/dist *****.svg' 的文件是 SVG 类型，请将其转换为不同的格式（如 PNG 或 JPG），然后重试。

我应该走哪条路？我尝试在 webpack 中使用一些 npm 包，将 SVG 转换为 PNG 或 JPEG，但我失败了。

SVG 文件

Webpack.config

我正在尝试将 SVG 图像转换为 jpeg 或 png（质量无关紧要）

我正在使用一个名为SVG的 NuGet 包。

这是我的vb代码

出错的地方是：文本的背景变黑了。当我在浏览器中查看它们时，情况并非如此。

已删除

这是SVG的原始文件

[已删除][3]

我不确定到底出了什么问题，谢谢您的时间。

我正在使用 d3 创建家谱，并在前端将我的 SVG 转换为字符串

并将其发送到后端，在后端我使用convert-svg-to-png 包将我的 SVG 转换为 PNG，这是我的控制器

然后回到前端我收到缓冲区并将其转换为 png

我的问题是，当我尝试使用阿拉伯名称转换小型 SVG 时，图书馆做得很好，但是当涉及到充满阿拉伯名称的大型 SVG 时，我开始看到奇怪的字符而不是阿拉伯字符，而不是看到这样的阿拉伯名称 (أحمد)我看到了（Ù�اطمة）

注意：该包使用另一个包调用puppeteer

这是我的 d3 代码

这是 d3 生成的 svg 的一部分