02 2012 档案
摘要:HTML 5: 画布(canvas)之效果。填充色, 笔划色, 颜色值 | fillStyle, strokeStyle; 剪裁 | clip(); 渐变色 | createLinearGradient(), createRadialGradient(), CanvasGradient.addColorStop(); 贴图的平铺模式 | createPattern(); 阴影效果 | shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor; 全局 Alpha | globalAlpha; 新颜色与画布当前已有颜色的合成方式 | globalCompositeOperation; 保存画布上下文,以及恢复画布上下文 | save(), restore(); 像素操作 | createImageData(), getImageData(), putImageData(), ImageData, CanvasPixelArray
阅读全文
摘要:HTML 5: 画布(canvas)之转换(转换画布的用户坐标系)。平移 | translate(); 旋转 | rotate(); 缩放 | scale(); 矩阵转换 | transform(a, b, c, d, e, f); 矩阵转换 | setTransform(a, b, c, d, e, f)
阅读全文
摘要:HTML 5: 画布(canvas)之承载媒体。呈现文本 - font, textAlign, textBaseline, strokeStyle, fillStyle, fillText(), measureText, TextMetrics.width; 呈现图片 - drawImage(); 呈现视频截图 - drawImage(); 呈现其他画布 - drawImage()
阅读全文
摘要:HTML 5: 画布(canvas)之绘制图形。画布 Demo - 画布的基本概念及 Demo; 在画布上绘制矩形; 在画布上绘制弧线(以路径的方式); 在画布上绘制曲线(以路径的方式); 在画布上绘制直线(以路径的方式); 在画布上绘制矩形(以路径的方式)- rect()
阅读全文
摘要:HTML 5: 表单元素 - form, label, button, select, option, optgroup, datalist, textarea, fieldset, legend, progress, meter, keygen, output; 表单验证
阅读全文
摘要:HTML 5: 表单元素之 input 元素 - text, password, url, telephone, email, search, file, radio, checkbox, button, submit, reset, number, range, image, hidden, color, datetime, datetime-local, date, time, month, week; input 元素的通用属性 - autocomplete, placeholder, pattern, dirname, size, maxlength, readonly, required, list, multiple, min, max, step
阅读全文
摘要:HTML 5: 元素的通用属性 - accesskey, style, class, title, tabindex, id, dir, spellcheck, hidden, contenteditable, contextmenu, draggable, dropzone
阅读全文