文档介绍:lv包包、古奇女包、coach包:草、獭兔皮草、皮草服饰:5项目笔记:使用Canvas设计离线系统的LogoHTML5的CavansAPI可以动态来展示图形、图表、图像以及动画,我们的这个离线系统中,主要用来设计Logo用的。在网页上使用Canvas的时,他会创建一块矩形区域,默认情况下宽为300像素,高为150像素,当然,可以自定义。因为我们离线系统主要职责用于在离线的情况下的工作系统,如在上面写工作日志,工作计划,和保存项目的评估数据;在网络在线的情况下与服务器交互,并将数据保存到Server的数据库中。所以我们的这个离线系统被命名为OFLMAIL,我们就根据这个名字来设计Logo。canvas中的坐标是从左上角开始的,X轴从左到右横向延伸,Y轴从上到下垂直延伸。通过坐标的刻量度来定位它的位置。我们先在页面上放置一个canvas元素:<canvasid="canvas"width="380"height="35">Sorry,canvasnotsupported...</canvas>使用canvas编程,首先要获取其上下文context。functionMakeLogo(){varcanvas=("canvas");if(){varctx=("2d");}}我们的第一个字是O,所以我们先把O字符画出来,使用画圆函数即可:(x,y,radius,startAngle,endAngle,anticlockwise)参数分别是:X:横轴坐标位置;Y:纵轴坐标位置;圆开始的角度;圆闭合的角度;是否逆时针绘制(trueorfalse);(17,17,15,0,,true);//=3;//='round';返回或设置线段的连接方式,默认为mitermiter线段在连接处外侧延伸直至交于一点,为默认值,外延效果受miterLimit的值影响,当外延交点距离大于限制值时,则表现为bevel风格round连接处是一个圆角,圆的半径等于线宽lv包包、古奇女包、coach包:草、獭兔皮草、皮草服饰:='round';//,仅有三个选项:butt(默认值),round,square;butt每根线的头和尾都是长方形,也就是不做任何的处理,为默认值round每根线的头和尾都增加一个半圆形的箭头square每根线的头和尾都增加一个长方形,长度为线宽一半,='#23A1DD';//=4;//阴影模糊程度,默认为0,数值越大,模糊程度越高,='#909090';//=1;//=1;//纵轴的阴影像素//(41,35);//将数据上下文的位置移动到(41,35)(41,2);//将数据上下文的位置移动到(41,