Html2canvas不支持svg格式文件。 Html2canvas不支持某些css3属性，例如transform属性

Question

我的公司使用html2canvas屏幕截图框架，但它不支持SVG格式，并且对新的CSS属性（例如变换）不友好，并且椭圆的形状有时可能与原始图像不一致。 没有新的开源框架来支持这些要求。没有框架可以用屏幕截图的功能替换html2canvas框架。 我的英语不好，我用翻译，谢谢

Answer 1

我有同样的问题，但这是你应该考虑的想法：

1. html2canvas仅支持此CSS Property。
2. 开发者自己说“它不适合生产”。

但是如果你仍然想要使用它，你可以尝试通过在渲染之前更改CSS并在渲染之后将其更改回来来解决。

同样对于SVG问题，您可以使用插件canvg，将svg替换为canvg在渲染之前提供的画布。

但它仍然不稳定，有时图像偏离图像。

我建议使用带有phantomjs的服务器端捕获，这是一个例子：

var page = require('webpage').create();
page.open('http://github.com/', function() {
  page.render('github.png');
  phantom.exit();
});

我想说的很快。

希望它可以提供帮助。