怎么在用canvas中用drawImage引入图片，然后在图片上写字？ - WXOPEN Club

怎么在用canvas中用drawImage引入图片，然后在图片上写字？

jing83 1楼•5 年前

谢谢你我研究下，不懂的话再请教您

luochao 2楼•5 年前

我是自己手算的。

yong19 3楼•5 年前

可以检测到文字长度吗

wliao 4楼•5 年前

谢谢你的回答

我想要的效果是，先用drawImage引入图片画在canvas上面，然后在图片上写字。

oyin 5楼•5 年前

对呀就是这样啊，

yshen 6楼•5 年前

在引入img的canvas上图片区域写字

jie03 7楼•5 年前

大神兄弟，谢谢你！真机可以出来，模拟器不行！还遇到了个问题，canvas文字可以自己换行吗？

yitao 8楼•5 年前

先用     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()

juanwei 9楼•5 年前

canvas 只会画单行文字

xiuying25 10楼•4 年前

tempFilePaths = res.tempFilePath

console.log(“width01”, width01)

ctx.drawImage(

tempFilePaths, 0, 0, 375 * width01, (557 * height01)-1

)