html5 前端语言 博客目录

1,

2，canvas

html5 canvas 小例子 简易画板

html5 canvas 小例子 旋转的时钟

html5 canvas 小例子 伸缩旋转方块

html5 canvas 小例子 旋转的图片

html5 canvas ( 线段的绘制 ) beginPath, moveTo, strokeStyle, stroke

html5 canvas ( 填充图形的绘制 ) closePath, fillStyle, fill

html5 canvas ( 矩形的绘制 ) rect, strokeRect, fillRect

html5 canvas ( 线段端点的样式 ) lineCap

html5 canvas ( 画一个五角星 ) lineJoin miterLimit

html5 canvas ( 绘制一片星空 )

html5 canvas ( 图形变换, 升级版的星空 ) translate, rotate, scale

html5 canvas ( 图形变换矩阵 ) transform, setTransform

html5 canvas ( 线性渐变, 升级版的星空 ) fillStyle, createLinearGradient, addColorStop

html5 canvas ( 径向渐变, 升级版的星空 ) fillStyle, createRadialGradient

html5 canvas ( 图片填充样式 ) fillStyle, createPattern

html5 canvas ( 圆和切点曲线的绘制 ) arc, arcTo

html5 canvas ( 绘制一轮弯月, 星空中的弯月 )

html5 canvas ( 贝塞尔曲线, 一片星空加绿地 ) quadraticCurveTo, bezierCurveTo

html5 canvas ( 文字的书写和样式控制 ) font, fillText, strokeText

html5 canvas ( 文字横纵对齐 ) textAlign, textBaseLine

html5 canvas ( 文字的度量 ) measureText

html5 canvas ( 图形的阴影 ) shadowColor, shadowOffsetX, shadowOffsetY, shadowNlur

html5 canvas ( 图形的透明度和遮盖 ) globalAlpha, globalCompositeOperation

html5 canvas ( 事件交互, 点击事件为例 ) isPointInPath

html5 canvas ( 扩展context('2d') ) CanvasRenderingContext2D.prototype.你的方法名

html5 canvas ( 图片绘制 转化为base64 ) drawImage,toDataURL

html5 canvas ( 图形的像素操作 ) getImageData, putImageData, ImgData.data

html5 canvas ( 创建图形对象 ) createImageData