javascript - 在 Javascript 中以编程方式将 SVG 转换为图像

Question

可能重复：
在浏览器中将 SVG 转换为图像（JPEG、PNG 等）

我正在使用 Kinetic.js 开发纸牌游戏，目前我正在探索允许游戏的“窗口”和全屏模式的机会。如果用户选择全屏模式，JS 应该能够为卡片生成（或加载）更大的图像。

最好在开始时加载 SVG 图像，然后在客户端计算机上生成所需大小的光栅化图像。仅使用 JavaScript 是否可行？

Answer 1

正如 Sirko 所说，如果您已经在使用 SVG，正如您所暗示的那样，您可以更改这些 SVG 的大小。这是他们的一部分。

如果动力学不为此提供方法也没关系，只需使用普通的javascript：yourSVGelement.setAttribute('width',yourNewWidthValue);

高度也一样。

Answer 2

你不能在纯 Javascript 中做到这一点。您需要将 SVG 图像发送到服务器，例如使用http://www.imagemagick.org/script/index.php对其进行转换，然后将其发送回客户端。

您可以通过查看http://phantomjs.org/来打印屏幕，但只能在 webkit 浏览器中。