canvas文字怎么换行?canvas文字换行的方法介绍


本文摘自PHP中文网,作者不言,侵删。

html5中的canvas是用于绘制图形的,可以通过 JavaScript 来控制它绘制各种文本和图像,但是在使用 canvas 绘制文字的时候,我们可能想要让这些文字在某处按要求换行,这该如何实现呢?本篇文章将来给大家介绍关于canvas文字换行的方法,话不多说,下面我们来一起看看具体的内容。

在canvas中提供了将文本作为图片输出到画布上的功能,通常用到的函数主要有canvas.drawText 和canvas.fillText两个。

以canvas.fillText()函数为例,在canvas.fillText("information" , width , height , maxwidth )中包含四个参数,"information"表示文本输出的内容,width和height分别表示你想要输出的文本起始字符左上角的位置,而maxwidth则表示了该字符串的最大宽度,例如将maxwidth设为100,则无论字符串有多长,都将限制在100像素宽度内。

阅读剩余部分

相关阅读 >>

介绍html5+canvas调用手机拍照功能实现图片上传(上篇)

关于canvas下载二维码和图片加水印的方法

html5 canvas实现粒子时钟的示例代码

canvas画直角坐标系

html5中怎么做五角星

html5 canvas的绘制文本自动换行的示例代码

canvas的图片处理

分享h5 canvas圆圈进度条的实例代码

canvas中普通动效与粒子动效的实现 方法介绍(代码示例)

html5 canvas实现画直线与设置线条的样式

更多相关阅读请进入《canvas》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...