有没有办法让网页上的图像对其后面的内容进行色调转换?
想象一下,我有一张日本国旗的图像,在地图上面,大部分都是黑色的白色。红色圆圈覆盖的文字为红色黑色。国旗白色部分所覆盖的文字看似正常。
在旗帜上使用50%的不透明度会导致粉红色的灰色文字,这是不太理想的。
即使有古怪而且不受普遍支持的方法,我也会感兴趣,只要我可以在webkit(Safari,移动版Safari和Chrome)上进行。
答案 0 :(得分:1)
根据caniuse.org(http://caniuse.com/#feat=css-backgroundblendmode),Safari或iOS不支持CSS混合。
如果可能,最好在Photoshop中处理效果并将其保存为图像效果。如果那是不可能的,我看到的唯一选择是使用Canvas元素(http://codepen.io/adobe/full/nmfic)。如果您搜索Canvas blending modes
,您会找到大量有关它的信息。