canvas教程

canvas的宽高怎么自适应?

字号+ 作者:H5之家 来源:H5之家 2017-01-25 17:03 我要评论( )

你把canvas当作一张图片就能理解了,你canvas的样式宽高改变了,但是canvas自身的宽高却是不变的,这两个宽高是不同的,两者的宽高比不同,对应的就是内容被拉伸. 不想内容变形,一个是维持canvas的样式宽高比跟画布的宽高比一致,另一个就是根据样式的宽高比来重新

你把canvas当作一张图片就能理解了,你canvas的样式宽高改变了,但是canvas自身的宽高却是不变的,这两个宽高是不同的,两者的宽高比不同,对应的就是内容被拉伸.
不想内容变形,一个是维持canvas的样式宽高比跟画布的宽高比一致,另一个就是根据样式的宽高比来重新设置画布的宽高比,这必须重新绘制内容.

 

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

相关文章
  • HTML5 canvas基础入门教程

    HTML5 canvas基础入门教程

    2017-01-25 18:04

  • html5之 canvas 绘制案例:圆圈上的文字

    html5之 canvas 绘制案例:圆圈上的文字

    2017-01-25 17:00

  • 葡京棋牌:利用canvas获取图片像素值

    葡京棋牌:利用canvas获取图片像素值

    2017-01-25 11:03

  • 云标签,关键字图排版 html5 canvas版(一)

    云标签,关键字图排版 html5 canvas版(一)

    2017-01-25 11:04

网友点评
a