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

标题	HTML5 Canvas绘制圆点虚线实例
内容	HTML5 Canvas 提供了很多图形绘制的函数，但是很可惜，Canvas API只提供了画实线的函数(lineTo)，却并未提供画虚线的方法。这样的设计有时会带来很大的不便，《JavaScript权威指南》的作者David Flanagan就认为这样的决定是有问题的，尤其是在标准的修改和实现都比较简单的情况下 (“…something that is so trivial to add to the specification and so trivial to implement… I really think you’re making a mistake here” —)。     在Stack Overflow上，Phrogz提供了一个自己的画虚线的实现()，严格的说，这是一个点划线的实现（p.s. 我认为该页面上Rod MacDougall的简化版更好）。那么，如果需要画圆点虚线(如下图所示)，应该怎么办呢？          以下是我自己的实现，只支持画水平的和垂直的圆点虚线，可以参考Phrogz与Rod MacDougall的方法来添加斜线描画的功能。     代码如下:     var canvasPrototype = window.CanvasRenderingContext2D && CanvasRenderingContext2D.prototype;     canvasPrototype.dottedLine = function(x1, y1, x2, y2, interval) {     if (!interval) {     interval = 5;     }     var isHorizontal=true;     if (x1==x2){     isHorizontal=false;     }     var len = isHorizontal ? x2-x1 : y2-y1;     this.moveTo(x1, y1);     var progress=0;     while (len > progress) {     progress += interval;     if (progress > len) {     progress = len;     }     if (isHorizontal) {     this.moveTo(x1+progress,y1);     this.arc(x1+progress,y1,1,0,2*Math.PI,true);     this.fill();     } else {     this.moveTo(x1,y1+progress);     this.arc(x1,y1+progress,1,0,2*Math.PI,true);     this.fill();     }     }     }
随便看	2014年交通银行贵港分行授信与风险管理部校园招聘法律合规管理(贵港)启事 2014年交通银行烟台分行公司业务部招聘对公客户经理岗位启事 2014年交通银行玉林分行营业部校园招聘综合柜员启事 2014年交通银行贵港分行公司业务部校园招聘客户经理序列(贵港)启事 2014年交通银行衡水分行衡水分行营业部招聘综合柜员启事 2014年交通银行贵港分行营业部校园招聘综合柜员(贵港)启事 2014年交通银行贵港分行营运管理部校园招聘IT运行维护(贵港)启事 2014年交通银行青海省分行个人金融业务部个金产品与市场推广经理校园招聘启事 2014年交通银行青海省分行公司业务部对公客户经理校园招聘启事 2014年交通银行北海分行北海分行营业部校园招聘营业网点综合柜员启事 2014年交通银行北海分行北海分行营业部校园招聘个人金融业务部二级客户服务经理启事 2014年交通银行青海省分行营业部综合柜员校园招聘启事 2014年交通银行宜昌分行电子银行与信息技术部招聘信息技术岗(宜昌)启事 交通银行嘉兴分行嘉兴海盐支行2014年校园招聘客户经理启事 交通银行嘉兴分行嘉兴海盐支行2014年校园招聘综合柜员启事 2014年交通银行襄阳分行营业部招聘客户经理序列(襄阳)启事 交通银行嘉兴分行嘉兴嘉善支行2014年校园招聘客户经理启事 2014年交通银行咸宁分行营业部招聘客户经理序列(咸宁)启事 交通银行嘉兴分行嘉兴嘉善支行2014年校园招聘综合柜员启事 2014年交通银行荆门分行营业部招聘对公客户经理(荆门)启事 交通银行嘉兴分行嘉兴平湖支行2014年校园招聘客户经理启事 2014年交通银行孝感分行营业部营业部招聘对公客户经理(孝感)启事 交通银行嘉兴分行嘉兴平湖支行2014年校园招聘综合柜员启事 2014年交通银行孝感分行综合管理部营业部招聘人力资源管理(孝感)启事 交通银行嘉兴分行嘉兴海宁支行2014年校园招聘客户经理启事 lending programme lending rate lending-rate lend-itself-to lend itself to something lend-name-to lend your name to something lend your name to sth lend-your-name-to-sth length 饮河鼹鼠 饮泉清节 饮泣吞声 饮灰洗胃 饮犊上流 饮胆尝血 饮血崩心 饮血茹毛 饮谷栖丘 饮食男女 庆典活动领导讲话稿 国旗下讲话稿安全教育 庆典晚宴精彩的讲话稿 庆六一村领导精彩讲话稿 4分钟关爱留守儿童讲话稿 庆六一儿童节教师讲话 安全教育日学生讲话稿 初一学生大会上的精彩讲话 3分钟感恩典礼讲话稿 三十年同学会的讲话

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