网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
内容	一个正常的圆角矩形，我们先假设他四个角的圆角弧度一致——因为这样比较好画。我们动用把面拆成线条的能力，很容易就能发现圆角矩形其实是由4条钩子般的曲线组成。          提到钩子，如果你看过我介绍arcTo的文章，那么可能你一下就明白了这种图形就可以用arcTo画出来。     我讲arcTo的时候提过，arcTo有个特性就是，他的第2条切线延长也并不会对他画出的线条造成影响（在上文的最后部分），这也为我们画圆角矩形提供了方便，不用担心变形。     下面放出我在国外网站上发现的canvas画圆角矩形的方法，应该是效率最高的了。     代码如下:     //圆角矩形     CanvasRenderingContext2D.prototype.roundRect = function (x, y, w, h, r) {     if (w < 2 * r) r = w / 2;     if (h < 2 * r) r = h / 2;     this.beginPath();     this.moveTo(x+r, y);     this.arcTo(x+w, y, x+w, y+h, r);     this.arcTo(x+w, y+h, x, y+h, r);     this.arcTo(x, y+h, x, y, r);     this.arcTo(x, y, x+w, y, r);     // this.arcTo(x+r, y);     this.closePath();     return this;     }     此函数的参数，依次是x坐标，y坐标，宽度，高度，圆角半径。特别要注意最后这个参数——圆角半径。     此方法用了4次arcTo画出了一个圆角矩形，他的每个角的弧度都是一样的。此圆角矩形的坐标点也是和矩形一样的左上角，但他的起笔点可不是这里，而是：          你可以去掉其中的某条线，看看此方法的原理。     当然，提醒一下，不论画什么图形，都要记得闭合路径——closePath，避免留下隐患。     这个方法最后有个return this，是为了让你能使用链式语法，如：     ctx.roundRect(200,300,200,120,20).stroke();你不需要的话也可以去掉他。     如果你并不想扩充ContextRenderingContext2D原型，你也可以把这个方法另外做一个函数。     当时发现这个函数的时候，我连arcTo是什么都不知道，所以也没有记住是在哪个网站上发现的，反正不是我原创的，在此感谢作者。     在前文中我一直强调这个方法画出的圆角矩形每个角都是一致的，是因为css3中的border-radius可以很轻松的画出每个角甚至每个角的邻边圆弧不一致的圆角矩形，待我找找canvas中画不规则圆角矩形的办法吧，不过个人觉得挺难的。
随便看	云南事业单位定向成绩查询网站 定向的成绩查询问题 云南事业单位定向招聘盖章后单位要求辞职 定向事业单位考号忘记 “昆明经济技术开发区2011年招聘及选调教师”的咨询 定向事业单位的成绩 关于普洱市事业单位审核问题 毕业证上的专业是综合文科教育报考事业单位 关于“昆明经济技术开发区2011年招聘及选调教师”的咨询 2011年大姚县事业单位公开考试招聘工作人员有关问题的公告（第2号） 普洱报名审核 重庆市城口县卫生局县属医疗机构引进紧缺专业技术人才简章 今年定向事业单位的最低控制线 贵阳市围绕重点群体“三举措”促进就业 昆明市宜良县环保局环境监测站2011年事业单位招聘综合成绩公示 2011年德宏州事业单位的成绩什么时候出来 重庆市城口县事业单位考核招聘紧缺专业技术人才简章 红塔区教师招考报名户籍证明问题 定向事业单位招考进入资格复审问题 定向事业单位成绩 普洱市2011年事业单位审核问题 问事业单位定向招考成绩查询咨询 老师，什么时候可以查定向成绩 云南省社会主义学院2011年公开招聘事业单位工作人员笔试成绩 事业单位定向成绩查询 logical interpretation logical justification logically logical manner logical necessity logical outcome logical place logical possibility logical progression logical relation 童声 童女 童婚 童子 童子军 童子团 童子痨 童子鸡 童山 童工 2020高中物理弹力教案大全 弹力教案范文 高中物理弹力教案设计 2020高三物理教学反思大全 高中物理教学反思范文 2020高中物理教师工作反思范文 高三物理教师年度教学反思 高中物理教师学期工作总结大全 高三物理教师教学工作总结 2020高三物理教师个人工作总结

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。