canvas教程

canvas JavaScript API学习(三)(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-14 13:00 我要评论( )

同样是很纯很天真的代码,但是我在Firefox3.6.3,Chrome5.0.356.2和Safari4.0(530.17)中得到结果分别为:120,120,119;然后我将font的大小改为10px,得到的结果分别为:100,120,100;前一步基础上又将字体改为A

同样是很纯很天真的代码,但是我在Firefox3.6.3,Chrome5.0.356.2和Safari4.0(530.17)中得到结果分别为:120,120,119;然后我将font的大小改为10px,得到的结果分别为:100,120,100;前一步基础上又将字体改为Arial,得到的结果分别为:100,119,100,最后把大小改为12px,得到的结果为:119,119,119。实在有点汗颜,看来对这个方法的计算方式还有的研究。
 

measureText_in_browers

measureText_in_browers

 

最后一点遗言
对于canvas文本绘制方面的相关函数就介绍到这里,更多内容就靠自己多查找资料多实战了,对于今天学习的东西实在有点出乎我的预料,因为正如文章中提到的那样,还有很多疑惑尚未解决,希望有高手给我释疑啊。最后还是以一个demo来结尾吧!查看demo

原文地址 .

Tags: html5 , canvas ,

  • 上篇文章: canvas JavaScript API学习(二)
  • 下篇文章: canvas JavaScript API学习(四)
  • 可能感兴趣的文章:

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • html5canvas核心技术图形、动画与游戏开发源码

      html5canvas核心技术图形、动画与游戏开发源码

      2017-05-02 17:42

    • 打印html5中Canvas的方法

      打印html5中Canvas的方法

      2017-05-01 15:03

    • HTML5+Canvas调用手机拍照功能实现图片上传(下)

      HTML5+Canvas调用手机拍照功能实现图片上传(下)

      2017-04-30 17:00

    • HTML5新特性详解(三)

      HTML5新特性详解(三)

      2017-04-30 16:03

    网友点评