
html5
Limoaaa
额鹅鹅鹅
展开
-
HTML5 Placeholder
Placeholder:html5、文字输入提示,在用户输入时清空本身内容。原创 2015-12-15 11:32:47 · 495 阅读 · 0 评论 -
canvas入门之画线
在hmtl代码中创建好canvas之后,就可以在js里面对canvas进行操作了 var canvas=document.getElementById("canvas"); var context=canvas.getContext("2d"); //获取绘图上下文环境 canvas.width=500;原创 2016-05-15 22:06:25 · 477 阅读 · 0 评论 -
canvas学习线条属性之lineCap
lineCap:设置线条两端的形状lineCap的属性值:butt(默认)、round、square。 var canvas=document.getElementById("canvas"); var context=canvas.getContext("2d"); canvas.width=1024; canvas.height=768; conte原创 2016-05-18 20:03:47 · 832 阅读 · 0 评论 -
canvas学习线条属性之lineJoin、miterLimit
线条属性之lineJoin:指的是线条与线条之间相交是呈现的形态属性值:miter(默认值)、bevel(斜接的形式)、round(圆角的形式)。线条属性之miterLimit:指的是内角和外角的距离的最大值(默认为10),若超过这个值,lineJoin的值变为bevel;原创 2016-05-18 20:39:16 · 992 阅读 · 0 评论 -
canvas学习之fillStyle
fillStyle设置颜色fillStyle设置渐变色包括两种:线性渐变色和径向渐变色1、fillStyle之线性渐变色(Linear Gradient) var linearGrad=context.createLinearGradient(0,0,1000,500); //线性渐变的方向和尺度 linearGrad.addColorStop(0.0,"#ff原创 2016-05-22 17:00:14 · 1955 阅读 · 0 评论 -
canvas之接口详解
translate(x,y);//将原点移到坐标(x,y)处;rotate(deg);//将图像旋转deg这么多的度数scale(sx,sy);//将图像在x,y两方向分别进行sx,sy大小的缩放上述具有叠加效应,使用时需结合save()和restore()使用原创 2016-05-23 19:07:50 · 598 阅读 · 0 评论