#前端学习之canvas—canvas练习(1)离奇事件:在正方形的画布里面绘制圆形显示的是椭圆形

根据Html5的canvas的例子如下

#前端学习之canvas—canvas练习(1)离奇事件:在正方形的画布里面绘制圆形显示的是椭圆形_第1张图片

由于如此,于是我写出一下的代码

#前端学习之canvas—canvas练习(1)离奇事件:在正方形的画布里面绘制圆形显示的是椭圆形_第2张图片

经过查看才知道,canvas画布的尺寸的大小和显示的大小是有很大的区别的。在canvas里面设置的是才是canvas本身的大小。前端渣渣一枚,看了很多大神的博客,参考文章,可能自己半懂不懂的,可是只要你反推想一想,就知道canvas里面设置的其实不是style的样式,如下图所示比较容易理解,下面三种写法,最有对比性就是第二个和第三个!canvas里面设置画布大小的根本和内联样式、行内样式不是一个东西。

#前端学习之canvas—canvas练习(1)离奇事件:在正方形的画布里面绘制圆形显示的是椭圆形_第3张图片

你可能感兴趣的:(canvas)