canvas文字怎么换行？canvas文字换行的办法介绍-

html5中的canvas是用于绘制图形的，?可以通过JavaScript来控制它绘制各种文本和图像，但是在运用canvas绘制文字的时候，我们可能想要让这些文字在某处按请求换行，这该怎样实现呢？本篇文章未来给大家介绍对于canvas文字换行的办法，话未几说，下面我们来一起看看概括的内容。 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输出：
    
    您的阅读器不支撑canvas
  
  
    
    



    

    
打赏
    

    

    	
        
    	

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

    		
    	
    		
扫码打赏，你说多少就多少
    	

    		

	    		
	    		
    		
    		

	    		
	    		
    		
    	
    	

    		
打开支付宝扫一扫，即可进行扫码打赏哦
    		
百分百源码网 建议打赏1～10元，土豪随意，感谢您的阅读！