<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>绘制图形</title>
<script>
function draw(id){
var c=document.getElementById('canvas');
var cxt=c.getContext("2d");
//保存当前绘图状态
cxt.save();
//开始绘制打钩的轮廓
cxt.beginPath();//创建开始绘图路径
cxt.moveTo(53,0);
//绘制上半部分曲线
cxt.quadr
<html>
<head>
<meta charset="UTF-8">
<title>绘制图形</title>
<script>
function draw(id){
var c=document.getElementById('canvas');
var cxt=c.getContext("2d");
//保存当前绘图状态
cxt.save();
//开始绘制打钩的轮廓
cxt.beginPath();//创建开始绘图路径
cxt.moveTo(53,0);
//绘制上半部分曲线
cxt.quadr