开源问答 技术问答
正文

PHP实现图片中添加文字并用背景图片作为文字的颜色

fangjinzhen 发布于 2018/09/04 12:12
阅读 1K+
收藏 0
答案 4
PHP ImageMagick GD
 年薪达不到25W大数据工程师、拿不到Offer全额退款->>>   

在一个图片上面添加一个粗体的文字，文字的颜色透明，然后将文字以外的区域全部变成透明，只保留文字所在下面区域的背景图片。这个要怎么实现，完全没有头绪

收藏 (0)
举报
加载中
最多投票 最新
2
栍椧
栍椧
2018/09/04 14:06

背景图a、白底黑字文字图b、透明图c。

若 b==黑 ，则 c=a

评论 (0) 引用此答案 举报
1
tcxu
tcxu
2018/09/04 14:50

这个效果是否正和你意？文字颜色透明一半(0.5),文字以外的区域全部变成透明,即显示全部背景。

<html>
<head>
<style>
#content{
	z-index:2;
	width:600px;
	height:400px;
	position:absolute;
	left:0px;
	top:0px;
}
#back{
	width:600px;
	z-index:1;
}
</style>
</head>
<body>
<canvas id="content"> </canvas>
<img id="back" src="http://img.popoho.com/UploadPic/2008-2/20082772159593.gif">
</body>
<script>
g=document.getElementById("content").getContext('2d');
g.fillStyle= "rgba(255,0,0,0.5)"
g.font="40px Arial Black";
g.fillText("Hello,", 10, 50);
g.fillStyle= "rgba(100,255,255,0.5)"
g.fillText("fangjinzhen.", 10, 100);
</script>
</html>

 

评论 (0) 引用此答案 举报
1
jsparrow
jsparrow
2018/09/04 15:06

应该不是楼上的处理方式，我没有具体做过，但是我觉得思路是这样的，把文字转成图片，然后文字的图片像素与背景的图片做 & 操作，这样，背影图片就只剩下文字部分的像素，然后再把背影图片做半透明的处理，最终应该就是楼主需要的效果了。

评论 (0) 引用此答案 举报
0
fangjinzhen
fangjinzhen
2018/09/06 10:44

引用来自“金留庆”的评论

背景图a、白底黑字文字图b、透明图c。

若 b==黑 ，则 c=a

谢谢，用这个方法实现了

评论 (0) 引用此答案 举报
fangjinzhen
fangjinzhen
最近登录：05/06 00:10
全部

fan...的其他提问

碰到一个新的IOS新的广告推送方式吗？
1 回答
237 阅读
mongodb如何先where然后group最后having
0 回答
172 阅读
升级windows10后 vmware无法映射80端口
5 回答 (已采纳)
896 阅读
SVN 有什么命令能列出需要更新文件吗
1 回答 (已采纳)
1K+ 阅读
linux虚拟机非法关机后代码文件内容丢失怎么办！
1 回答
508 阅读

类似问题

巧用CSS的 Mask 滤镜
0 回答
156 阅读
map abc 问题 设置了 labeloption 为什么 还是不见显示出来呢？
0 回答
267 阅读
DW中CSS属性详解
0 回答
2278 阅读
巧用CSS的alpha滤镜
0 回答
112 阅读
利用9-Patch PNG来实现ListView的圆角显示
0 回答
1427 阅读
QT QTabWidget的问题
2 回答
2426 阅读
巧用CSS的Glow滤镜
0 回答
251 阅读
UIBarButtonItem的3种定制方法
2 回答
7302 阅读
[翻译]Windows Phone 7 Application Controls
0 回答
317 阅读
做网页很实用代码集合和CSS制作网页小技巧整理
0 回答
90 阅读
android 实现自定义edittext可拖动、缩放、旋转等功能。
4 回答
1971 阅读
巧用CSS的Wave滤镜
0 回答
63 阅读
discuz！ x2实现 DIY框架布局
0 回答
966 阅读
如何防止用户论坛恶意灌水
6 回答
2604 阅读
如何使用 jQuery 和 CSS3 创建一个日历控件
4 回答
6604 阅读
返回顶部
顶部