H5是目前比较火的编程工具之一 ， 功能十分强大 ， 深受编程人员的喜爱 。 对于初学者来说 ， 利用H5绘制图形是必须经历的学习阶段 。 例：如用H5绘制一个三角形 。 具体方法如下：工具/材料 【H5如何在网页中绘制三角形】dw软件
操作方法 01 首先 ， 我们得在网页主体<body>标签里 ， 定义一张画布 ， 可以随便定义画布的大小 ， 和背景颜色等 ， 如图1
文章插图
02 在<head>头部输入JS代码 ， 通过windows方法加载到网页中去 ， 并定义一只“2D”画笔 ， 代码如图2
文章插图
03 运行程序 ， 大家可以看到 ， 该我们定义的画布大小 ， 颜色等 ， 如图3
文章插图
04 在画布起始点（50,50）定义一个起始点（即从X轴、Y轴什么地方开始做图） ， 代码如图４
文章插图
05 从起始点（５０ ， ５０）到X轴（１００）、y轴（200）画一条斜线 ， 代码如图5
文章插图
06 通过storke输出语句在网页中输出程序 ， 这时个我们就可以在网页中看到一条斜线：如图6
文章插图
07 在Y 轴上找一条长100PX直线 ， Y轴的长度保持不变（２００）,x 轴变为200PX ， 代码如图7
文章插图
08 运行程序 ， 结果如图8
文章插图
09 通过closePath合并三角形的路径 ， 代码如图9
文章插图
10 运行程序 ， 这时个一个完整的三角形就做成了 ， 结果如图10
文章插图
以上内容就是H5如何在网页中绘制三角形的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 一起作业网如何注册教师账号？
- 千佛手徒长了怎么办
- lb
- 如何利用PS工具绘制出铬球
- 如何给Word文档进行分页
- 苹果手机如何链接蓝牙耳机
- 如何添加针式打印机
- WPS文档如何制作斜线表头
- WPS/Word如何打出超大字体
- 如何对WPS文字文档进行限制编辑加以保护