Ond*_*rej 4 javascript frontend blending cross-browser css3
是否可以创建与Photoshop中可用的Color Burn,Color Dodge,Soft Light等相同的透明效果？我知道CSS3中的'background-blend-mode',但它的支持是有限的.有没有办法让这个主要使用的浏览器,包括IE9？也许有一些类似于CSS3pie的黑客攻击？
你提到过background-blend-mode,你是对的 - 它是混合色彩的最佳方法之一,但是惊喜,惊喜,IE不支持它,即使在Edge中,这是令人难过的.这篇精彩的文章列出了所有blend-mode选项及其效果,包括color-burn和color-dodge您提到的.
还有一些浏览器filter支持但不支持Internet Explorer/Edge.
Polyfills让我们更接近,但并非一直如此.
Github上已经有一个Filter PolyfillIE6-9支持filter(其他主流浏览器已经支持它).
这更难实现blend-mode.有可用的填充物,但它们通常不支持IE或甚至不止一种类型blend-mode.
离开我们的地方在哪里？如果甚至polyfills都不能拯救我们,那么现在是时候放弃支持不支持的功能的想法,并简单地使用功能齐全的库,例如插件jquery.
一个小小的研究出现了混合模式,它似乎在Internet Explorer上运行正常,虽然它绝不是完美的.
还有Pixastic库,它有许多其他功能,似乎可以在IE9上工作,但在8或更低的时候挣扎.
这是什么意思？
基本上 - 我知道这不是你想要的答案 - 但根据我的研究,目前找不到真正的IE支持解决方案是不可能的.支持canvas blend-mode是不存在的,这些垫片充其量是有问题的.
您可以选择 - 仅在现代支持的浏览器上使用这些技术,或首先使用Photoshop式程序,然后将图像上传到您的网络服务器(并且由于Internet Explorer而无法动态执行) .
我希望我的研究能帮到你.
| 归档时间： |
|
| 查看次数： |
263 次 |
| 最近记录： |