=====HTML5=====
PaigeWw
这个作者很懒,什么都没留下…
展开
-
HTML5新增内容
结构标签:(替代div) setion:在页面中的独立的内容区块。 article:页面中一与上下文不相关的独立内容 aside:表示article标签内容区块的标题相关的辅助信息 header:页面中一个内容区域块或者整个页面的标题 hgroup:表示整个页面或页面中的一个内容区块的标题进行组合 footer:整个页面或页面中的一个内容区块的脚注 nav:表示整个页面中导航链接部分原创 2016-05-15 11:49:34 · 349 阅读 · 0 评论 -
Canvas线段的绘制
moveTo(x,y) lineTo(x,y) lineWidth//线条宽度 strokeStyle//线条样式 storoke()//线条绘制 填充 fillStyle//填充 fill()//绘制填充 Canvas提供的图形绘制函数 rect(x,y,width,height)//定义矩形状态 //绘制矩形 fillRect(x,y,width,height)原创 2016-05-19 10:20:06 · 679 阅读 · 0 评论 -
Canvas绘制线段和圆
Canvas 默认 300px*150px Title var canvas = document.getElementById("canvas"); var context=canvas.getContext("2d"); /*****************************绘制直线*****************原创 2016-05-15 18:12:50 · 873 阅读 · 0 评论 -
Canvas的图形变换
在图形学中,一般先画出原形,再通过图像变换得到目的图形 Canvas提供的图形变换API: 位移:translate(x,y) 旋转:rotate(deg) 缩放:scale(se,sy):不单只放大图形大小,也会放大其他属性 !在Canvas的图形变换函数是叠加的, 所以: 绘制前:context.save() 绘制后:context.restore() functi原创 2016-05-19 10:23:28 · 404 阅读 · 0 评论 -
Canvas填充样式fillStyle
渐变色 线性渐变色: var grd=context.createLinearGradient(xstart,ystart,xend,yend) grd.addColorStop(stop,color) -stop:决定位置 -color:颜色 window.onload=function(){ var can原创 2016-05-19 11:42:26 · 3720 阅读 · 0 评论 -
Canvas曲线绘制
context.arc( x,y,r, startingAngle,endingAngle, anticlockwise//true or false ) moveTo(x,y) context.arcTo( x1,y1,x2,y2, r ) 贝塞尔二次曲线 moveTo(x,y)//起点 quadraticCurveTo(原创 2016-05-20 16:19:23 · 428 阅读 · 0 评论 -
Canvas文字渲染
context.font="文字样式" default:"20px sans-serif" font包含: font-style normal:默认 italic:斜体字 oblique:倾斜体字 font-variant normal:默认 small-caps (小型大写字母代替小写字母) font-weight lighter normal:默认 bol原创 2016-05-21 16:57:28 · 345 阅读 · 0 评论