小程序
小游戏
企业微信
微信支付
扫描小程序码分享
功能描述:拍摄照片转换为canvas添加水印信息再转换为图片路径显示
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好，麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
// 创建一个图片对象
const image = this.data.canvas.createImage();
image.src = tempFilePath;
image.onload = () => {
// 将图片绘制到canvas上
that.data.ctx.drawImage(image, 0, 0, res.width, res.height)
// 设置文字字号及字体
that.data.ctx.font = '38px sans-serif'
// 设置画笔颜色
that.data.ctx.fillStyle = 'rgba(0,0,0,0.3)';
// 绘制矩形
that.data.ctx.fillRect(0, res.height - 50, res.width, 50)
that.data.ctx.fillStyle = '#ffffff';
//获取当前时间
const date = formatTime(new Date().getTime())
console.log(date);
// 填入文字
that.data.ctx.fillText(date, 0, res.height - 10)
// 将canvas转为为图片
wx.canvasToTempFilePath({
canvas: that.data.canvas,
success: (res) => {
/* that.setData({
imgList: [res.tempFilePath]
}) */
//that.data.imgList = [res.tempFilePath]
that.uploadImg(res.tempFilePath)
/* that.test(res.tempFilePath) */
},
fail(res){
console.log('转换失败');
console.log(res);
}
})
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好，麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
// 创建一个图片对象const image = this.data.canvas.createImage();image.src = tempFilePath;image.onload = () => {// 将图片绘制到canvas上that.data.ctx.drawImage(image, 0, 0, res.width, res.height)// 设置文字字号及字体that.data.ctx.font = '38px sans-serif'// 设置画笔颜色that.data.ctx.fillStyle = 'rgba(0,0,0,0.3)';// 绘制矩形that.data.ctx.fillRect(0, res.height - 50, res.width, 50)// 设置画笔颜色that.data.ctx.fillStyle = '#ffffff';//获取当前时间const date = formatTime(new Date().getTime())console.log(date);// 填入文字that.data.ctx.fillText(date, 0, res.height - 10)// 将canvas转为为图片wx.canvasToTempFilePath({canvas: that.data.canvas,success: (res) => {/* that.setData({imgList: [res.tempFilePath]}) *///that.data.imgList = [res.tempFilePath]that.uploadImg(res.tempFilePath)/* that.test(res.tempFilePath) */},fail(res){console.log('转换失败');console.log(res);}})}