小程序
小游戏
企业微信
微信支付
扫描小程序码分享
现在的需求是：在一张图片的上面，添加一个公司的logo图标（图标也是一个png图片）作为图片的水印，即在图片的上面添加图片作为水印，用canvas标签，用字作为水印是可以，但无法添加图片作为水印，求大神指教，感激不尽。。。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
canvas标签用图片也可以啊，直接画上去可以的，使用路径，注意覆盖问题
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
感谢你的回复，我用的是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：水印图片路径
这种方法可以实现。。。。。。
试下cover-view：https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
canvas标签用图片也可以啊，直接画上去可以的，使用路径，注意覆盖问题
感谢你的回复，我用的是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：水印图片路径
这种方法可以实现。。。。。。
试下cover-view：https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html