本文通过实例代码介绍了如何使用HTML5的canvas元素，结合JavaScript来绘制扇形和弧线。通过指定圆心坐标、半径、起始角度和结束角度，实现了不同角度的扇形和弧线的绘制，并设置了线条宽度、填充色和边框色。
<title>用canvas画布绘制扇形和弧线</title>
<style>
.box{
width: 600px;
margin: 0 auto;
}
</style>
</head>
<body>
<!-- 2. 我们可以将 canvas包裹在类名叫box的div盒子中。然后给这个盒子设置margin:0 auto；即可。 -->
<div class="box">
<!--1. 给canvas标签，直接写 margin:0 auto;是不生效的。 -->
<canvas id="mycan" class="mycan"></canvas>
</div>
<script>
window.onload = function(){
// 抓取元素
var mycan = document.getElementById('mycan');
// 通过js脚本，给画布指定宽度和高度
mycan.width =600;
mycan.height =600;
// 通过js脚本，给画布添加边框色
mycan.style.border = '1px solid orange'
最低0.47元/天 解锁文章
8101
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
