我可以根據網頁中的背景像素顏色更改圖像像素的顏色嗎？

我想用給定的背景顏色和一些文本創建一個html元素。然後我想在這個div中放置一個圖像，並且圖像與文本重疊的位置用其他顏色替換像素的顏色。如果我們想象圖像是黑色斑點，下面的圖像展示了我想達到的效果。然而，在現實生活中我想的信件部分重疊成爲可能具有相同的效果（即我不想只是改變字體顏色的地方重疊。）我可以根據網頁中的背景像素顏色更改圖像像素的顏色嗎？

overlap change effect image

這是可能的，並如果是這樣，怎麼樣？

您可以假設圖像是單個塊顏色，並且我知道創建圖像時的確切顏色。您可以使用任何網絡技術，圖像將作爲矢量圖像創建，因此可以是任何格式，包括svg。

來源

2014-02-15 crobar

不知道瀏覽器的支持是什麼nowdays但你可以試試這個： http://css-tricks.com/image-under-text/

來源

2014-02-17 16:10:04 willanderson

這看起來很有希望的感謝，這將需要一段時間才能弄清楚，如果我實際上可以做我想做的，雖然用這個！ – crobar

我可以根據網頁中的背景像素顏色更改圖像像素的顏色嗎？

回答

相關問題