小程序
小游戏
企业微信
微信支付
扫描小程序码分享
怎么在用canvas中用drawImage引入图片,然后在图片上写字?
12 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我是自己手算的。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
可以检测到文字长度吗
canvas 只会画单行文字
大神兄弟,谢谢你! 真机可以出来,模拟器不行! 还遇到了个问题,canvas文字可以自己换行吗?
谢谢你 我研究下,不懂的话再请教您
先用 ctx.drawImage( tempFilePaths, 0, 0, 375 * width01, (557 * height01)-1 )
放入图片。
然后 console.log("第一步") ctx.setFillStyle('#FF6A00') ctx.setTextAlign('center') ctx.setFontSize(12) ctx.fillText(nickName, (50 * width01) + name_le / 2 + (le / 2), 540 * height01)
然后盖上文字。
最后
ctx.draw()
对呀就是这样啊,
在引入img的canvas上图片区域写字
谢谢你的回答
我想要的效果是,先用drawImage引入图片画在canvas上面,然后在图片上写字。
tempFilePaths = res.tempFilePath
console.log("width01", width01)
ctx.drawImage(
tempFilePaths, 0, 0, 375 * width01, (557 * height01)-1
)
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我是自己手算的。
可以检测到文字长度吗
canvas 只会画单行文字
大神兄弟,谢谢你! 真机可以出来,模拟器不行! 还遇到了个问题,canvas文字可以自己换行吗?
谢谢你 我研究下,不懂的话再请教您
先用 ctx.drawImage(
tempFilePaths, 0, 0, 375 * width01, (557 * height01)-1
)
放入图片。
然后 console.log("第一步")
ctx.setFillStyle('#FF6A00')
ctx.setTextAlign('center')
ctx.setFontSize(12)
ctx.fillText(nickName, (50 * width01) + name_le / 2 + (le / 2), 540 * height01)
然后盖上文字。
最后
ctx.draw()
对呀就是这样啊,
在引入img的canvas上图片区域写字
谢谢你的回答
我想要的效果是,先用drawImage引入图片画在canvas上面,然后在图片上写字。
tempFilePaths = res.tempFilePath
console.log("width01", width01)
ctx.drawImage(
tempFilePaths, 0, 0, 375 * width01, (557 * height01)-1
)