用canvas画布绘制等腰三角形

最新推荐文章于 2023-12-23 11:24:42 发布

正在修炼web的小芮

最新推荐文章于 2023-12-23 11:24:42 发布

阅读量439

点赞数

分类专栏： html5 文章标签：前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/m0_71814235/article/details/125394522

版权

<title>用canvas画布绘制等腰三角形</title>

</head>

<body>

<canvas id="mycan"></canvas>

<script>

window.onload = function(){

// 抓取元素

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

// 设置宽度和高度

mycan.width =900;

mycan.height =900;

// 设置画布的边框

mycan.style.border = '1px solid blue';

// 调用getContext(),返回给我们一个对象，这个对象里提供了若干个方法，供我们去绘制图形

var ctx =mycan.getContext('2d');

console.log(ctx);

// 绘制路径起点

ctx.beginPath();

// 400 * Math.sin(Math.PI/3)

// Math.floor()

//var height = Math.floor(400 * Math.sin(Math.PI/3));

var height

最低0.47元/天解锁文章

正在修炼web的小芮

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用canvas画布绘制等腰三角形

用canvas画布绘制等腰三角形
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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