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像素宽度内。

阅读剩余部分

相关阅读 >>

canvas如何绘制时钟?canvas画环形时钟的实现过程

html5 canvas绘制爱心的方法示例

html5中怎么做五角星

canvas绘制奥运五环代码分享

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

canvas中使用clip()函数裁剪方法

如何利用canvas实现按住鼠标移动绘制出轨迹

如何用html5中的canvas实现渐变文字的效果

html5中关于canvas画图之画圆形的实例介绍

html5在canvas中实现自定义路径动画详解

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




打赏

取消

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

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

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

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

评论

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