文章/答案/技术大牛

发布

社区首页 >问答首页 >可以将混合模式应用于css/javascript/canvas中的文本吗？

问可以将混合模式应用于css/javascript/canvas中的文本吗？
EN

Stack Overflow用户

提问于 2014-04-07 04:07:38

回答 1查看 177关注 0票数 2

我更喜欢纯粹的CSS，后退到Javascript。如果根本不可能，我如何使用画布标签来应用这种效果？

这就是想要的效果:它是一堆difference混合模式叠加在另一个模式之上。

如果是这样，有没有可能在Mozilla上工作？

canvas

javascript

jquery

css

回答 1

Stack Overflow用户

发布于 2014-04-07 04:47:06

只是对可能性的思考...

纯CSS解决方案在浏览器支持方面是不稳定的。

滤镜效果

某些浏览器支持CSS图像滤镜效果。

您可以使用反转滤镜来翻转黑/白。

非矩形形状

一些浏览器支持CSS整形和/或CSS剪辑路径。

您可以使用它们来定义要应用反转过滤器的非矩形区域。

或

你可以有两种模式的图像:黑白和white-on-black.

You可以使用来组合剪切路径，

和合成来反转你的颜色。
你可以用getImageData绘制你的文本。您可以使用裁剪来隔离b/w和w/b区域，并使用feColorMatrix反转颜色

示例SVG feColorMatrix：

<filter id="matrix-invert">
    <feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/>
 </filter>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22899345

复制

相似问题

问可以将混合模式应用于css/javascript/canvas中的文本吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可以将混合模式应用于css/javascript/canvas中的文本吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可以将混合模式应用于css/javascript/canvas中的文本吗？
EN