网站建设资讯

NEWS

网站建设资讯

怎么用html5的画布canvas画出简单的图形

本篇内容介绍了“怎么用html5的画布canvas画出简单的图形”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

成都创新互联-专业网站定制、快速模板网站建设、高性价比绥芬河网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式绥芬河网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖绥芬河地区。费用合理售后完善,十多年实体公司更值得信赖。

首先在html页面中放置一个canvas元素,其中canvas元素应该具备三个属性ID、width、height。

代码如下:



取得canvas对象并取得上下文var cxt=document.getElementById('demo').getContext("2d");其中参数2d是确定的。

开始绘制,有两种形式,一种是描边(fill),一种是填充(stroke)。

javascript代码:

代码如下:



效果图:
怎么用html5的画布canvas画出简单的图形

“怎么用html5的画布canvas画出简单的图形”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


网页名称:怎么用html5的画布canvas画出简单的图形
网站URL:http://cdweb.net/article/giocpo.html