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

Question

  

可能重复：
  Convert SVG to image (JPEG, PNG, etc.) in the browser

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

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

Answer 1

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

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

Answer 2

正如Sirko所说，如果你已经在使用SVG，正如你似乎暗示的那样，你可以改变这些SVG的大小。这是它们的一部分。

如果kinetic不为此提供方法无关紧要，只需使用普通的javascript： yourSVGelement.setAttribute（ '宽度'，yourNewWidthValue）;

高度也一样。