如何使用HTML5中的canvas绘制等腰直角三角形

 时间:2024-10-12 18:51:42

1、第一步,双击打开HBuilder编辑工具,新建静态页面tri.html,并引入jQuery核心文件,如下图所示:

如何使用HTML5中的canvas绘制等腰直角三角形

3、第三步,定义绘制三角形的函数drawTri,然后在jQuery初始化函数内调用这个函数,如下图所示:

如何使用HTML5中的canvas绘制等腰直角三角形

5、第五步,由错误提示可知,是由于调用getContext方法需要传入一个参数,修改代码并预览,如下图所示:

如何使用HTML5中的canvas绘制等腰直角三角形

6、第六步,修改canvas中的fillStyle方法属性,再次预览静态页面,发现三角形样式发生了改变,如下图所示:

如何使用HTML5中的canvas绘制等腰直角三角形
  • 如何利用html制作网页水平导航菜单?
  • dreamweaver怎么链接css样式
  • flash cs6做一个图片轮播
  • Dreamweaver CS6如何应用:[29]CSS百分比值
  • html+css怎么实现横向导航
  • 热门搜索
    欣欣旅游网 枣庄旅游景点 杭州周边旅游 大兴东旅游世界 爱好旅游打一成语迷底是 大连旅游景点大全 温州旅游景点 琼海旅游 湖州旅游景点 甘肃旅游线路