javascript如何输出三角形


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

//获取canvas容器

var canvas = document.getElementById('canvas');

//创建一个画布

var huabu = canvas.getContext('2d');

// 开始绘制

huabu.beginPath();

// 从画布坐标(50,50)开始绘画

huabu.moveTo(50,50);

// 三角形第二个坐标点(200,50)

huabu.lineTo(200,50);

// 三角形第二个坐标点(125,100)

huabu.lineTo(125,100);

//自动闭合

huabu.closePath();

huabu.stroke();

详细代码如下图。,

6a3432c5197091e4301650a5799409e.png

第五步,js绘制的三角形效果,如下图

3de65bd246fbb3f25a7ac0b6d5ef6b1.png

以上就是javascript如何输出三角形的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

javascript怎么删除对象的属性

浅谈js中map和foreach的区别

javascript怎么将array转为字符串

javascript中的继承方式有哪些

javascript怎么去掉字符

javascript判断一个对象是否为数组的几种方法(总结)

window对象在前端领域的角色

图片懒加载是什么意思?图片懒加载的实现方法

javascript专题之八:数组扁平化

javascript中blur是什么

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...