định nghĩa về màu sắc và ánh sáng màu trong CSS là gì?

Question

Cách tuyệt vời, tôi vừa nhận ra có một số thứ được gọi là flood-color và lighting-color trong CSS. Có ai biết số flood-color và lighting-color không và họ làm gì?

Chính xác những gì làm này có ý nghĩa ?:

Các ‘lũ màu’ bất động sản chỉ ra những gì màu sắc để sử dụng tràn ngập lọc hiện tại tiểu vùng nguyên thủy. Màu sắc hiện tại của từ khóaColor và ICC có thể được chỉ định theo cách tương tự như trong thông số cho thuộc tính ‘điền’ và ‘đột quỵ’.

Thuộc tính ‘ánh sáng-màu’ xác định màu của nguồn sáng cho bộ lọc nguyên thủy ‘feDiffuseLighting’ và ‘feSpecularLighting’.

Làm cách nào để áp dụng những hiệu ứng này được gọi là SVG? Tôi đã thử đặt màu sáng thành màu đỏ nhưng dường như không có bất kỳ tác dụng nào.

Answer 1

Đây là các hiệu ứng bộ lọc SVG.

Thuộc tính ‘ánh sáng-màu’ xác định màu của nguồn sáng cho bộ lọc nguyên thủy ‘feDiffuseLighting’ và ‘feSpecularLighting’.

http://www.w3.org/TR/SVG/filters.html#LightingColorProperty

Các ‘lũ opacity’ tài sản xác định giá trị opacity để sử dụng trên bộ lọc toàn bộ nguyên thủy tiểu vùng.

http://www.w3.org/TR/SVG/filters.html#FloodColorProperty

Answer 2

Các spec là không phải là rất hữu ích khi tôi nhìn này lên.
Hãy thử https://developer.mozilla.org/en-US/docs/Applying_SVG_effects_to_HTML_content

Có ba phong cách bạn có thể áp dụng: bạn có thể sử dụng mặt nạ, clip-con đường, hoặc lọc.

Thời gian duy nhất tôi từng sử dụng là khi tôi muốn đảo ngược đồ họa bằng XOR.

Xác định các bộ lọc SVG:

<svg> 
    <filter id="xor" x="0" y="0" width="100%" height="100%"> 
     <feFlood flood-color="#ff1493" result="flood"/> 
     <feComposite operator="xor" in="SourceAlpha" in2="flood"/> 
    </filter> 
</svg> 

Áp dụng sử dụng CSS:

<style> 
    .stylename{ 
     mask: url(#xor); 
    } 
</style>