怎么用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画出简单的图形”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！