栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

我可以使用CSS字体进行剔除/穿透透明吗?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

我可以使用CSS字体进行剔除/穿透透明吗?

它必须是动态的吗?唯一的方法是使用具有透明性的图像(GIF或更好的PNG)。

我不确定这是否是您想要的,但还是会解释一下。

情况:您希望通过文字看到蜜蜂的背景不整洁。

解决方案:没有CSS可以解决这个问题。您必须使用值得信赖的图像编辑器来创建一个包含文本的图层,以及另一个将成为文本负数的图层

这可以使您产生一些有趣的效果,但是如果您希望它是动态的,则必须在运行中的服务器端生成图像。

目前,使用纯CSS不可能实现这种欺骗(Javascript可能可以实现)。


编辑

看到Paul在Webkit上的发现,使我开始思考如何在Firefox,Opera和IE中伪造该行为。到目前为止,我

canvas
在Firefox上使用元素已经很幸运了,我正在尝试查找中的某些行为
filter:progid:DXImageTransform.Microsoft

到目前为止

canvas
,这是我所做的

<html><body><canvas id="c" width="150" height="150"></canvas><script>ctx = document.getElementById("c").getContext("2d");// draw rectangle filling the canvas elementctx.fillStyle = "red";ctx.fillRect(0,0,150,150);// set composite propertyctx.globalCompositeOperation = 'destination-out'; // the text to be added now will "crop out" the red rectanglectx.strokeText("Cropping the", 10, 20);  ctx.strokeText("red rectangle", 10, 40);</script></body></html>

通过使用目标输出合成和在.NET上绘制文本

canvas



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432708.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号