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

我不知道它是否会有帮助，但在我的测试中，我总是设置视区大小，然后在运行任何其他代码之前添加延迟。延迟的原因之一是因为我们正在使用knockout，并且在调用'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();

可能帮不了你，但值得一试吗？