如果文章有不对之处,还请大神们多多指点
canvas也是html中的一个元素,可以给这个元素添加一些html属性,属性width默认为300px,heigth默认为150px;
canvas是h5中新增的众多元素中的一个,直译过来叫做画布,可以用来通过h5绘制一些图形效果;
刚开始的时候只是知道是用来做一些图形效果的,但是后来了解到canvas的强大
可以制作游戏,图标制作,banner广告,模拟器,字体设计,制作图形编辑器等等老多了,不过千里之行始于足下,还是先看看基本的一些方法和属性吧!
想要用画布第一步:需要先创建一个canvas画布
第二步:定义画布的大小,并且给画布指定一个对应的id
第三步:在javascript中获取canvas画布对象
第四步:通过canvas对象的getContext()方法获取canvas绘图上下文对象
完成这4步以后呢,就可以正式的绘制图像啦~~
不过说了这么多肯定还是云里雾里,程序猿还是要用代码理解起来更快
<canvas width="500" height="500" id="wandou">您的浏览器不支持canvas</canvas>
这里有一个非常重要的点,也是时间久了容易忘记的点,就是设置canvas的宽高,一般写
canvas也是html中的一个元素,可以给这个元素添加一些html属性,属性width默认为300px,heigth默认为150px;
canvas是h5中新增的众多元素中的一个,直译过来叫做画布,可以用来通过h5绘制一些图形效果;
刚开始的时候只是知道是用来做一些图形效果的,但是后来了解到canvas的强大
可以制作游戏,图标制作,banner广告,模拟器,字体设计,制作图形编辑器等等老多了,不过千里之行始于足下,还是先看看基本的一些方法和属性吧!
想要用画布第一步:需要先创建一个canvas画布
第二步:定义画布的大小,并且给画布指定一个对应的id
第三步:在javascript中获取canvas画布对象
第四步:通过canvas对象的getContext()方法获取canvas绘图上下文对象
完成这4步以后呢,就可以正式的绘制图像啦~~
不过说了这么多肯定还是云里雾里,程序猿还是要用代码理解起来更快
<canvas width="500" height="500" id="wandou">您的浏览器不支持canvas</canvas>
这里有一个非常重要的点,也是时间久了容易忘记的点,就是设置canvas的宽高,一般写