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如何输出三角形的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

js中4种数组遍历方法( for 、foreach() 、for/in、for/of)的区别

javascript中settimeout()和setinterval()两个定时器的区别

简约javascript中的变量对象

如何选择web前端模板引擎(推荐)

canvas实现压缩图片的代码示例

javascript中什么值是假值

canvas实现弹球的代码示例

学习使用javascript实现utf-8编解码

vue-cli3.0安装与配置的方法教程(图文)

详解获取javascript各种全局对象变量的方法

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




打赏

取消

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

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

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

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

评论

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