我希望能夠指定某種轉換,給定任意 SVG 節點重新映射其所有像素值以覆寫整個(0-100% 或 0-255)強度范圍,同時避免剪裁。
具有 feFuncX 線性映射函式的 feComponentTransfer 過濾器幾乎提供了我想要的,但似乎缺乏參考輸入節點的全域最大強度的能力,有什么聰明的方法嗎?
uj5u.com熱心網友回復:
沒有“自動變亮”功能可以滿足您的需求。
您必須自己使用 javascript 閱讀所有顏色并計算出適當的增亮/飽和值。
但作為一種足夠好的方法,值為 200% 的飽和濾波器可能會得到接近您想要的結果。
svg rect:hover {
filter: saturate(200%);
}
<svg>
<rect width="50%" height="100%" fill="cadetblue"/>
<rect x="50%" width="50%" height="100%" fill="cornsilk"/>
</svg>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/486849.html
