带有外部 png 的 SVG 到 Node 中的 PNG
SVG with external png inside to PNG in Node
是否有节点包能够像这样将 svg
从外部图像转换为 png
svg-file
?
<?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
是可见的然后。 :/
如果你能告诉我任何我可以用来让上面的代码工作的包,那就太好了:)
提前致谢。
我终于找到了解决方案,在我的 Mac 上我不得不安装一些额外的软件包,现在是 运行:
https://github.com/lovell/package-libvips-darwin/blob/master/.travis.yml
是否有节点包能够像这样将 svg
从外部图像转换为 png
svg-file
?
<?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
是可见的然后。 :/
如果你能告诉我任何我可以用来让上面的代码工作的包,那就太好了:)
提前致谢。
我终于找到了解决方案,在我的 Mac 上我不得不安装一些额外的软件包,现在是 运行: https://github.com/lovell/package-libvips-darwin/blob/master/.travis.yml