casperjs - casper js屏幕截图不适用于svg遮罩

Question

我正在使用 d3 创建使用 svg 掩码的可视化，我正在尝试使用 casper js 获取屏幕截图。它通常工作正常，只是它没有正确渲染蒙版；它显示了所有图层，而不仅仅是被遮罩的图层。这是casper代码：

var casper = require('casper').create();

casper.start('http://localhost:3000', function() {
    this.captureSelector('bicycles.png', 'svg');
});

casper.run();

还有其他人对此有问题吗？

谢谢，汤姆

Answer 1

我不知道它是否有帮助，但在我的测试中，我总是设置视口大小，然后在运行任何其他代码之前添加延迟。延迟的一个原因是因为我们使用了敲除，并且在调用“start”函数时还没有完全创建 DOM 元素。

所以你的测试看起来像这样：

var casper = require('casper').create();

casper.start('http://localhost:3000', function () {
    casper.viewport(1024, 768);
});

casper.wait(1000); // Wait for knockout bindings and animations...

casper.then(function () {
    this.captureSelector('bicycles.png', 'svg');
});

casper.run();

可能不会帮助你，但值得一试？