HTML5 canvas 怎么画半圆

 我来答
爱果壳
2017-10-12
知道答主
回答量:17
采纳率:50%
帮助的人:3.6万
展开全部

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Canvas</title>

</head>

<style type="text/css">

body{margin:20px auto; padding:0; width:800px; }

canvas{border:dashed 2px #CCC}

</style>

<script type="text/javascript">

function $$(id){

return document.getElementById(id);

}

function pageLoad(){

var can = $$('can');

var cans = can.getContext('2d');

cans.beginPath();

cans.arc(400,300,200,0,Math.PI,1);

cans.closePath();

cans.strokeStyle = 'red';

cans.lineWidth = 10;

cans.stroke();

}

</script>

<body onload="pageLoad();">

<canvas id="can" width="800px" height="600px"></canvas>

</body>

</html>


AiPPT
2024-09-19 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图... 点击进入详情页
本回答由AiPPT提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式