评估SVG过滤器性能（Alphamap）

是否有已知的工具来评估SVG过滤器性能？我正在使用下面的SVG节点生成alphamap，但在性能方面有点困难

<feColorMatrix result="alphaOut" in="SourceGraphic" type="matrix" values="0 0 0 0 1, 0 0 0 0 1, 0 0 0 0 1, 0 0 0 1 0" />

---

有没有办法量化SVG过滤器的渲染时间？另外，有人知道使用SVG过滤器提取alpha信息的更好方法吗？

这是一个从

函数图（x）{
var g=document.createElements（“http://www.w3.org/2000/svg“，“g”）
g、 id=“画布”
canvas.parentNode.replaceChild（g，canvas）
对于（变量i=1；i
svg{
背景：米色
}
测试过滤器1
测试过滤器2
为什么不直接使用SourceAlpha？SourceAlpha是设置在显式黑色像素上的源alpha通道，而他的过滤器将源alpha通道设置在白色像素上。这是一个白色的alpha贴图，而不是默认的黑色alpha贴图…我在性能测试中添加了一个使用SourceAlpha的简单过滤器…对不起-我是说SourceAlpha带有反转（100%）css过滤器？我的一般经验是，颜色变换（colormatrix、componenttransfer）很快，任何具有合成/合并/混合的东西都会稍微慢一点，而灯光效果（镜面反射/漫反射）则非常慢。这是一个非常好的片段。（有趣的是，过滤器1对我来说性能更好。）正在寻找一个更快版本的白色alpha地图，现在使用它来测试结果。我可以确认你的发现。feColorMatrix对我来说也更快。当使用此片段时，您可能会考虑增加画布和创建的ReCts的大小。它将减少DOM操作对结果的影响。。。