带有外部png的SVG到Node中的PNG答案

【问题标题】：SVG with external png inside to PNG in Node带有外部png的SVG到Node中的PNG
【发布时间】：2019-01-18 11:09:44
【问题描述】：

是否有一个节点包能够像这样从svg-file 内部的外部图像将svg 转换为png？

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 120 120" height="120" width="120"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">

  <rect x="0" y="0" width="120" height="120" fill="lightgreen"/>

  <image xlink:href="https://upload.wikimedia.org/wikipedia/commons/d/d6/MicroQR_Example.png" x="10" y="10" width="100px"/>

</svg>

目前我使用http://sharp.dimens.io/ 进行转换，但我找不到在不丢失内部外部图像的情况下调整大小并将其保存为png 的方法：之后只有rect 可见。：/

如果你能告诉我任何我可以用来使上述代码正常工作的包，那就太好了：)

提前致谢。

【问题讨论】：

您可以随时尝试使用 javascript 将内部图像转换为数据 URI
@RobertLongson 感谢您的回复，我尝试使用 png 作为 data-uri 但不幸的是它仍然无法正常工作：/

标签： javascript svg npm png sharp

【解决方案1】：

最后我得到了一个解决方案，在我的 Mac 上我必须安装一些额外的包，现在它正在运行： https://github.com/lovell/package-libvips-darwin/blob/master/.travis.yml

【讨论】：