如何在图片上添加一个小图片作为水印
发布于 6 年前 作者 lxue 16504 次浏览 来自 问答

现在的需求是：在一张图片的上面，添加一个公司的logo图标（图标也是一个png图片）作为图片的水印，即在图片的上面添加图片作为水印，用canvas标签，用字作为水印是可以，但无法添加图片作为水印，求大神指教，感激不尽。。。

3 回复

canvas标签用图片也可以啊，直接画上去可以的，使用路径，注意覆盖问题

试下cover-view：https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html

感谢你的回复，我用的是view中嵌套image实现的

<view  style=“width:{{windowWidth}}px;height:{{canWidth}}px;background-size:cover; -moz-background-size:cover;background-size:100% auto; background-repeat:no-repeat;background-image:url({{imgUrl}}{{item.src}})”>

<image style=“width:81px;height:30px;float:right;margin-right:3px;margin-top:{{canWidth-30}}px;” src="…/…/images/can-logo2.png" class=“img”>

</image>

</view>  

windowWidth：屏幕宽度

canWidth：图片高度

imgUrl、item.src：图片路径

…/…/images/can-logo2.png：水印图片路径


这种方法可以实现。。。。。。

回到顶部