與FeBlend的SVG過濾器乘法不適用於Chrome 46的Windows

Question

下面的代碼從上週突然停止工作。這適用於所有瀏覽器，希望在Windows上使用chrome。其他人有沒有遇到過類似的問題？

它沒有更新顏色，但它適用於所有其他瀏覽器和操作系統。

<filter id="sample-test" x="0" y="0" width="100%" height="100%"> 
     <feFlood flood-color="#d9251d" class="color-test" result="tint"></feFlood> 
     <feBlend in="tint" in2="SourceGraphic" mode="multiply" result="multiply"></feBlend> 
    </filter> 

Answer 1

這是Chrome 46（＃549440）中一個已知的新bug，剛剛修復。解決方法是：

<filter id="sample-test" x="0" y="0" width="100%" height="100%"> 
     <feFlood flood-color="#d9251d" class="color-test" result="tint"></feFlood> 
     <feComposite operator="arithmetic" in="tint" in2="SourceGraphic" k1="1" result="multiply"/> 
    </filter> 

它使用feComposite的乘法能力。這顯然是一個不被破壞的不同的代碼路徑。