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

发布于 7 年前作者 kliang6943 次浏览最后编辑 7 年前来自 ask

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

10 回复
jing83
jing831 楼6 年前

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

luochao
luochao2 楼6 年前

我是自己手算的。

yong19
yong193 楼6 年前

可以检测到文字长度吗

wliao
wliao4 楼6 年前

谢谢你的回答

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

oyin
oyin5 楼6 年前

对呀就是这样啊,

yshen
yshen6 楼6 年前

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

jie03
jie037 楼6 年前

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

yitao
yitao8 楼6 年前

先用     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
juanwei9 楼6 年前

canvas 只会画单行文字

xiuying25
xiuying2510 楼5 年前

        tempFilePaths = res.tempFilePath

        console.log(“width01”, width01)

        ctx.drawImage(

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

        )