效果图：
提示：把代码复制到一个html文件中并保存，直接打开即可看到效果。
实现代码：
代码如下:
<!doctype html>
<html lang="zh">
<head>
<meta charset="gbk">
<title>锯齿图</title>
<script type="text/javascript">
window.addEventListener("load", eventWindowLoaded, false);
function eventWindowLoaded(){
var x,y;
var theCanvas = document.getElementById("canvas");
var context = theCanvas.getContext("2d");
//Box
context.strokeStyle = '#00f';
context.lineWidth=10;
context.strokeRect(0, 0, theCanvas.width-0, theCanvas.height-0);
context.fillStyle = "#00f";
for(x=5;x<=canvas.width;x=x+10){
context.beginPath();
context.arc(x,5,5,0,Math.PI,false);
context.closePath();
context.fill();
context.beginPath();
context.arc(x,canvas.height-5,5,0,Math.PI,true);
context.closePath();
context.fill();
}
for(y=5;y<=canvas.height;y=y+10){
context.beginPath();
context.arc(5,y,5,0,Math.PI*2,true);
context.arc(canvas.width-5,y,5,0,Math.PI*2,true);
context.closePath();
context.fill();
}
}
</script>
</head>
<body>
<div>
<canvas id="canvas" width="300" height="300">
</div>
</body>
</html>
- 新疆轻工职业技术学院2016年招聘工作人员资格审查结果和面试安排公告
- 2016年中国科学院微生物研究所农业微生物与生物技术研究室博士后招聘启事
- 广西壮族自治区海洋环境监测中心站2016年招聘入编专业技术人员简章
- 新疆煤炭技师学院(新疆煤炭高级技工学校)2016年招聘资格审查通过人员名单及笔试通知
- 2016年中国科学院微生物研究所CAS-TWAS生物技术卓越中心招聘启事
- 2016年中国科学院微生物研究所真菌学国家重点实验室蔡磊研究组招聘启事
- 广西壮族自治区海洋环境监测中心站2016年招聘入编专业技术人员计划表
- 2016年中国社会科学杂志社招聘启事
- 中国社会科学院中国边疆研究所招收2016年博士后公告
- 2016年广州市商务委员会招聘打字员公告
- 2016年崇左市凭祥市外事侨务办公室招聘英语翻译人员简章
- 贵阳市清镇市2016年引进高层次人才公告(事业编制)(第7号)
- 2016年崇左市凭祥市事业单位招聘工作人员面试人员名单公告
- 遵义市凤冈县2016年招聘事业单位人员笔试成绩公示(5月)
- 2016年广州市黄埔区会元学校招聘聘用公示
- 2016年贵州省安顺市畜牧兽医局所属事业单位招聘人才考察合格进入体检人员名单公告
- 2016年上半年嘉兴桐乡市卫计系统招聘护理/社区医生总成绩和体检名单公告
- 2016年贵州省安顺市总工会招聘社会化工会工作者工作简章
- 2016年嘉兴市南湖区定向培养农村社区医生招生(招聘)公告
- 2016年嘉兴市南湖区卫生系统招聘事业单位工作人员计划取消或核减公告
- 2016年嘉兴市南湖区定向培养农村社区医生招生/招聘公告
- 仙桃市2016年引进研究生考试成绩公告
- 2016年嘉兴市南湖区卫生系统招聘优秀紧缺型卫生专技人才拟录用人员名单
- 2016年广州市南沙区招聘事业单位工作人员笔试通知
- 2016年嘉兴平湖市事业单位招聘工作人员入围体检人员递补公告3
- intellectual merit
- intellectual movement
- intellectual potential
- intellectual property
- intellectual-property
- intellectual pursuit
- intellectual skill
- intellectual stimulation
- intellectual stimulation
- intellectual tradition
- 骚扰
- 骚攘
- 骚杂
- 骚气
- 骚然
- 骚牛
- 骚牯
- 骚经
- 骚臭
- 骚货
- 关于励志文章5篇
- 2019年纪念五四100周年青年建功新时代优秀作文精选
- 2019年五四青年节100周年传承五四精神作文精选
- 2019年五四100周年向五四青年致敬励志青春作文精选
- 2019年纪念五四100周年新青年耀青春作文精选
- 2019年青春心向党建功新时代演讲稿精选
- 2019年五四青年节100周年争做有志青年作文精选
- 2019年纪念五四100周年弘扬五四精神作文精选
- 高中物理30个易错知识点整理归纳
- 中考化学酸与碱必考知识点归纳整理