HTML5
明天去哪
博观而约取,厚积而薄发.每天坚持写代码
展开
-
canvas标签绘图基础
注:canvas是根据状态进行绘制的 1.设置长宽 canvas作为标签,可以通过style设置样式,设置其长宽通常在style外直接使用width和height进行设置;也可以通过js进行设置,canvas.height和canvas.width 2.获取canvas元素 使用js可通过byid直接获取dom元素,如果使用jq,则获取的是jq元素,需要进行转化为dom元素,转原创 2016-02-02 16:41:50 · 415 阅读 · 0 评论 -
[实例]canvas之炫彩时钟
home.html digit.js digit = [ [ [0,0,1,1,1,0,0], [0,1,1,0,1,1,0], [1,1,0,0,0,1,1], [1,1,0,原创 2016-02-03 11:10:24 · 531 阅读 · 0 评论 -
canvas之二绘图绘图详解直线条部分
1.绘制矩形的方法 cxt.strokeRect(x,y,w,h) cxt.fillRect(x,y,w,h); 2.绘制过程中颜色表示 #ffffff #123 rgb(256,1,1); rgba(256,1,1,0.5) hsl(色相,饱和度,明度) hsla(色相,饱原创 2016-02-03 16:33:25 · 369 阅读 · 0 评论 -
canvas之二绘图绘图详解曲线,文字,高级应用
1.曲线的绘制 (1)cxt.arc(x,y,r,angs,ange,anticlockwise) (2)cxt.arcTo(x1,y1,x2,y2,radius) //默认上次的终点为x0,y0;之后0,1,2三个点定两条辅助线,根据radius进行绘制 2.贝塞尔曲线 (1)cxt.moveTo(x0,y0) (2)quadraticCurveT原创 2016-02-04 18:01:05 · 581 阅读 · 0 评论 -
canvas三 图像处理
1.drawImage (1)var image=new Image(); image.src=""; image.onload=function(){ cxt.drawImage(image,0,0,[dw],[dh]); } (2)渲染图像 cxt.drawImage(image,sx,sy,sw,sh,d原创 2016-02-23 11:06:26 · 584 阅读 · 0 评论 -
viewport 手机设备
viewport元信息 content=" width=[pixel_value|device_width], height=[px|dh], initial-scale=f_value, minium-scale=fv,原创 2016-02-28 19:25:03 · 380 阅读 · 0 评论 -
手机触控事件touch
1.touchstart 2.touchmove 3.touchend 注:可能存在多点触控,通过 touch=e.touches[0] 等,选择触控的某个点原创 2016-02-28 20:14:40 · 442 阅读 · 0 评论