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

文本宽度的测量--measureText

时间:2015-12-21 21:42:08      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

 

HTML5中的canvas提供了文字宽度的测量方法:

ctx.measureText(string).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);

注: IE8以下的浏览器不支持该方法

文本宽度的测量--measureText

标签:

原文地址:http://www.cnblogs.com/lydialee/p/5064847.html

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