CSS에서 이미지 색상 혼합을 어떻게 수행합니까?

일부 픽셀이 투명한 png 이미지가 있습니다. 이미지는 모두 흰색입니다. CSS 나 Javascript를 사용하여 16 진수 코드를 가진 다른 색상으로 색상을 혼합하는 방법은 무엇입니까?CSS에서 이미지 색상 혼합을 어떻게 수행합니까?

I (이 그냥 의사입니다)

<img src="test.png" style="color-blend:#ffea6e;"/>

그래서 이것의 효과는 같은 것을 찾고 있어요, 이미지의 (가 흰색 이었기 때문에) 새로운 색상이 정확히 주어진 색 될 것입니다. 투명 픽셀은 영향을받지 않아야합니다 (즉, 투명하게 유지되어야합니다).

2012-06-01 sneaky

캔버스 요소는 어떻게 사용합니까? – sneaky

직접 검색하십시오. 필자는 개인적으로 사용한 적이 없지만 JavaScript가 올바른 이미지 편집을 수행 할 수 있도록 HTML5의 기능입니다. – Brilliand

CSS 그래디언트를 사용하면이 효과를 얻을 수 있습니다. 블렌드 파트에 올바른 "정지"설정이 있는지 확인하십시오.

당신은 당신이 시작하는 이미 투명성을 포함하는 사전 설정 그라디언트가 볼 수 있습니다.

< 캔버스 > 엘리먼트는 당신이 성취하고자하는 목적에 과도한 것처럼 보이며 HTML5 마크 업이며 IE9 이상에서만 지원됩니다 (그리고 거의 모든 다른 브라우저;).

2012-06-01 01:29:48 pmahomme

이것을 사용하는 방법을 모르겠습니까? lol – sneaky

글쎄, 몇 초 동안 사이트를 보았으므로, 익숙해지고 실험하기 위해 조금 더 시간을 할애 해보십시오. – pmahomme

그래서 내 이미지에이 필터를 추가해야 할 것 같습니다. 나는 을 시도했지만, 이미지의 투명한 부분에 색상을 넣는 것은 옳지 않습니다. 그리고 저는 IE9를 사용하고 있습니다. – sneaky

답변