HTML坐标以及HTML5 Canvas

dom javascript html html5 it

HTML中坐标如下图:

箭头方向大,且没有负数



HTML5新特性:canvas

画图:

arc(x,y,r,起始角,终止角,是否顺时针-False = 顺时针,true = 逆时针)

  圆心,半径

例子一枚:

var c=document.getElementByIdx_x_x("myCanvas");
var cxt=c.getContext("2d");
cxt.fill;
cxt.beginPath();
cxt.arc(40,70,10,0,2*Math.PI,true);
cxt.stroke();
cxt.closePath();
cxt.fill();

 

渐变色

效果图如下:

脚本如下:

对于脚本中的方法说明:

createLinearGradient:

addColorStop:




相关推荐

你的评论

就没有什么想说的吗?

最新博客

关于我们 加入传客 媒体报道 帮助中心 传客活动 免责声明 联系我们 移动版 移动应用

©2017传客网    琼ICP备15003173号-2    

本站部分文章来源于互联网,版权归属于原作者。
本站所有转载文章言论不代表本站观点,如是侵犯了原作者的权利请发邮件联系站长(weishubao@126.com),我们收到后立即删除。
站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!

X