h5画三角形_H5如何在网页中绘制三角形,值得一看

H5是目前比较火的编程工具之一,功能十分强大,深受编程人员的喜爱。对于初学者来说,利用H5绘制图形是必须经历的学习阶段。例:如用H5绘制一个三角形。具体方法如下:

工具/材料

dw软件

操作方法

01

首先,我们得在网页主体

标签里,定义一张画布,可以随便定义画布的大小,和背景颜色等,如图1

02

头部输入JS代码,通过windows方法加载到网页中去,并定义一只“2D”画笔,代码如图2

03

运行程序,大家可以看到,该我们定义的画布大小,颜色等,如图3

04

在画布起始点(50,50)定义一个起始点(即从X轴、Y轴什么地方开始做图),代码如图4

05

从起始点(50,50)到X轴(100)、y轴(200)画一条斜线,代码如图5

06

通过storke输出语句在网页中输出程序,这时个我们就可以

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值