Question

所以，我想使與棕褐色效果的所有圖像，但我的代碼用於在SVG，當變爲深褐色不起作用灰度...

這是灰階：a img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); }

這是棕褐色不起作用：img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id="sepia"><feColorMatrix type='matrix' values='0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0'/></filter></svg>#sepia"); }

誰能告訴我棕褐色代碼有什麼問題嗎？

因爲我問有沒有一種方法來使圖像既棕褐色和灰度，並與像web工具包，我可以使它的不透明度播放-webkit-filter: grayscale(1) sepia (0.2);？

Answer 1

我猜[id =「sepia」]中的雙引號。此外，你的棕褐色值看起來有點不合適。這是一個更好的地方開始爲棕褐色：

 "0.30 0.30 0.30 0 0 
     0.25 0.25 0.25 0 0 
     0.20 0.20 0.20 0 0 
     0.00 0.00 0.00 1 0" 

在您的其他問題，您可以使用<animate>彩色矩陣值之間的動畫，但SVG動畫無法在IE（甚至IE10）工作，所以你」必須編寫一些有意義的東西。 （更新 - 您可以嘗試用於IE的FakeSMIL JavaScript庫 - 它可以處理大多數SMIL。）