码迷,mamicode.com
首页 > 其他好文 > 详细

canvas 计算文字宽度(常用于文字换行)

时间:2018-07-16 11:28:17      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:包含   rip   style   script   measure   ext   getc   idt   width   

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);

用法

measureText() 方法返回包含一个对象,该对象包含以像素计的指定字体宽度。

JavaScript 语法:

context.measureText(text).width;

canvas 计算文字宽度(常用于文字换行)

标签:包含   rip   style   script   measure   ext   getc   idt   width   

原文地址:https://www.cnblogs.com/lanshengzhong/p/9316109.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!