(-1)写在前面

我用的是chrome49

<canvas id="lol" height="300"></canvas>

(1)详细介绍

arc函数用来显示圆的那一部分

context.arc(100,100,50,Math.PI/6,Math.PI*2,false);

1,2 参数指定圆心,

3 参数指定半径,

4 参数指定起始角度,5参数指定结束角度

6 参数为true逆时针画,false顺时针画,不传递为false

a.象限分布

example1

在圆确定的情况下,显示圆的那一部分由起始角度、结束角度、画法决定

var context = lol.getContext("2d");

context.beginPath();

// context.arc(150,150,100,0,Math.PI/3,true);//1

context.arc(150,150,100,0,Math.PI/3,false)//2

context.stroke();

context.closePath();

context.beginPath();

context.strokeStyle = "red";

context.moveTo(0,150);

context.lineTo(300,150);

context.moveTo(150,0);

context.lineTo(150,300);

context.closePath();

context.stroke();

          (1)                     (2)  

example2

如果在调用arc方法之前已经有子路径A,会从A的终点引一条直线连接arc方法所显示圆弧的起点

var context = lol.getContext("2d");

context.beginPath();

var value = 0;

for(var i=0;i<4;i++)

{

context.arc(150,150,60,value,value+Math.PI/4,false);

//将false改成true你会看到更有意思的

value += Math.PI/2;

}

context.closePath();

context.stroke();

context.beginPath();

context.strokeStyle = "red";

context.moveTo(0,150);

context.lineTo(300,150);

context.moveTo(150,0);

context.lineTo(150,300);

context.closePath();

context.stroke();

        第五个参数为false                第五个参数为true

canvas对象arc函数的使用-遁地龙卷风的更多相关文章

  1. canvas对象arcTo函数的使用-遁地龙卷风

    (-1)环境说明 我使用的浏览器是chrome49 (1)详细介绍 $(function() { var context = lol.getContext("2d"); conte ...

  2. Html5 Canvas之arc函数图示详解

    在不变换坐标系的情况下,arc函数画弧的方向如下图所示: 举例来说,arc(x,y,r,Math.PI/6,Math.PI/3,false);是以x,y为圆心,r为半径,从x正轴顺时针30度为起始角, ...

  3. HTML5 Canvas arc()函数//////////////////////(转)

    HTML5 Canvas arc()函数   实例 创建一个圆形: var c=document.getElementById("myCanvas"); var ctx=c.get ...

  4. JQuery simpleModal插件的使用-遁地龙卷风

    (0)写在前面 jquery.simpleModal.浏览器这三者的兼容性,不仅显示在报错上,还体现在所呈现的效果不是预期上. 说一下我的环境 jquery-1.8.3.js jquery.simpl ...

  5. jquery toggle方法使用出错?请看这里-遁地龙卷风

    这个函数在1.9之前和1.9之后的用法大不相同 1 1.9之间,用于点击元素时函数的轮流执行 toggle(function() { alert(1);//1,3,5,7... },function( ...

  6. JQuery data方法的使用-遁地龙卷风

    (-1)说明 我用的是chrome49,这个方法涉及到JQuery版本问题,我手里有3.0的,有1.9.1,后面将1.9.1及其以前的称为低版本,3.0称为高版本 测试例子用到的showMessage ...

  7. ES6 - Note3:数组、对象与函数的扩展

    一.数组的扩展,ES6在数组扩展了一些API,以实现更多的功能 1.Array.from:可以将类数组和可遍历的数据结构转换成真正的数组,如下所示 var a = { '0':1,'1':1,leng ...

  8. 逻辑思维面试题-java后端面试-遁地龙卷风

    (-1)写在前面 最近参加了一次面试,对笔试题很感兴趣,就回来百度一下.通过对这些题目的思考让我想起了建模中的关联,感觉这些题如果没接触就是从0到1,考验逻辑思维的话从1到100会更好,并且编程简易模 ...

  9. C++浅析——返回对象的函数

    一.原码分析 1.1 测试代码 为了方便查看拷贝构造函数调用过程,自定义了拷贝构造函数,但啥也没干. class CTEST { public: int m_nData; //Method: publ ...

随机推荐

  1. 常见linux命令释义(第六天)——shell环境变量

    太懒了,这几天好像得了懒癌,一点都不想写博客.后来想想,知识嘛,还是分享出来的好.第一治自己的懒癌:第二顺便巩固下自己的知识. Linux的变量分为两种,一种是系统变量,是系统一经启动,就写进内存中的 ...

  2. Objective-C之NSArray(数组)默认排序与自定义排序

    在讲OC中数组的排序之前我先上一段代码,它是简单数组排序的一种方法(也就是元素是字符串或者数据的数组,因为后面要讲元素为类的数组排序) 代码1: NSArray *sortArr4 = [sortAr ...

  3. PHP 数组(遍历)

    数组定义$attr = array(); //定义一个空的数组$attr = array(1,2,3,4); //定义一个有值的数组$attr[0]="aa";$attr[1]=& ...

  4. loading 加载

    <script type="text/javascript" src="jquery-1.3.2.js"></script> <s ...

  5. 20145212 《Java程序设计》第7周学习总结

    20145212 <Java程序设计>第7周学习总结 教材学习内容总结 时间的度量 格林威治时间(GMT):通过观察太阳而得,因为地球公转轨道为椭圆形且速度不一,本身自传减速而造成误差. ...

  6. 删除ibus之后导致系统设置进不了

    sudo apt-get instal ubuntu-desktop 快捷键调出sogou拼音,默认为"ctrl+,"

  7. Java排序算法——表插入排序

    //================================================= // File Name : ListInsertSort_demo //----------- ...

  8. JavaScript排序算法——归并排序

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. Tomcat 开发web项目报Illegal access: this web application instance has been stopped already. Could not load [org.apache.commons.pool.impl.CursorableLinkedList$Cursor]. 错误

    开发Java web项目,在tomcat运行后报如下错误: Illegal access: this web application instance has been stopped already ...

  10. ecshop JSON,ajax.call 异步传输

    1.res = Ajax.call('user.php?act=depot_id', 'id='+v,null,"GET", "JSON",false); 2. ...