Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个网站项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您 给我们写信或是打电话,让我们听到你的声音!

Distance远近互联网络运营服务商

地 址:河北省石家庄市新华区华强广场7楼

电 话:14730427447

E-mail:815752879@qq.com

填写您的项目信息

【前端】H5Canvas画布

发布时间:2018-06-22T08:54:49

1.Html5简介

    万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,目标:HTML5取代HTML4和XHTML2.0成为新标准

2.Canvas基础知识

    <canvas>标签的基本结构如下:

    <canvas id="myCanvas" width="200" height="200">< /canvas>

    var cvs = document.getElementById("myCanvas");

    注意:IE 6 7 8不支持 <canvas>标签

    var ctx = cvs.getContext("2d");

3.绘制

    简单绘制

    1529630378(1).png

    绘制矩形

    rect(x,y,w,h):x、y为起始坐标,w、h为矩形的宽、高

    支持这么写:ctx.fillRect(x,y,w,h) 及 ctx.strokeRect(x,y,w,h)

    绘制圆形

    arc(x,y,r,sa,ea,true/false):

    x、y为圆心坐标,r为半径,sa、ea分别为起始角度和结束角度,

    true是逆时针画圆,false是顺时针画圆;360度角即2PI弧度,1度就是2PI/360=PI/180弧度

    贝塞尔曲线

    quadraticCurveTo (cx,cy,ex,ey) 二次贝塞尔曲线,一个控制点,一个结束点

    bezierCurveTo (cx1,cy1,cx2,cy2,ex,ey) 三次贝塞尔曲线,两个控制点,一个结束点

远近互联前端小华整理发布,希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务,让客户通过网络品牌建立与网络传播提高业绩。


【相关推荐】
返回列表
在线沟通

Are you interested in ?

  您感兴趣吗?

有关我们服务的更多信息,请联系

147 3042 7447 周经理

与我们合作

与远近互联合作,您将会得到更成熟的网络品牌建设服务。我们以客户至上,同时也相互挑战,力求呈现更好的网络品牌建设成果。

项目经理热线(周经理):

147 3042 7447

TOP

QQ客服

14730427447