个人技术分享

相关内容:绘点、直线、矩形、圆形、颜色代码及取色网站、渐变填充、……

 

HTML5新增了canvas标记,不需要任何插件,就可以在网页上绘图,简单来说,canvas就像一块绘图板一样,而画笔就是JavaScript语句,两者搭配就可以达到在网页上绘图、组合影像或者制作简单的动画效果。

通过<canvas>可以绘制点、直线、矩形、圆形和文字,下面看看canvas标记的用法。

27d764beb0f64ccb8bc104c6ba21106a.jpg

825c9944f5ae4a23aef7f30f91f6df10.jpg

51bb498b7f2f4f43a0d2c1ab5eb49093.jpg 8e24a13ee76a4662a1d351b578e222ba.jpg

14bddf51b3e844e7a3e2ba21b2adc1dc.jpg

90b57f9d01754a789134978a694eb6ca.jpg

f2b50ebb4ba24e6896c4c9456178d01b.jpg

eebdf359cf2b4dce8066213d680f8a01.jpg

245532072be54411bebc4bde07a06b17.jpg b7208c617ea7465f86c7b2d5b60bd1f4.jpg

71bb1e24c4394f0d98aebe50c1732df4.jpg

feebe655bad24906a087dbd6c5c94627.jpg

8306d47f1b1d47f1ae34017af8b1910f.jpg

301ca787661548d691081cb582485d75.jpg

8fcb2e69de964bb6912cc0cceede0c12.jpg

95481e490af64bed987de2889d3c96e7.jpg

0ee8231d37484bf7b7081a2767ef4d66.jpg

c80837f044c94383a813eb928bc88179.jpg

4c1d45fd551f4b41a2ded10aa4471c74.jpg

f0c5a94fade4414c9772249923581848.jpg

bcad846c381e4acf908be4d79e746f18.jpg

 

 

 

 笔记来源:

©《HTML5+CSS3+JavaScript网页设计》陈婉凌编,清華大学出版社