随笔分类 - HTML5
摘要：canvas 像素操作 像素，即像素点，一个像素只有一个颜色 100*100 的 px 的屏幕区域有 100*100*4 个像素点，即 width*height*4 rgba(0, 0, 0, 1); 在 css 中透明的范围为 0-1 rgba(0, 0, 0, 255); 在 canvas 中透
阅读全文
摘要：刮刮卡（图片合成） 定义： globalCompositeOperation 属性，设置或返回如何将源图像 将 myCanvas 的背景图设置为一张图片，（刮开后显示） // 目标图像（已有的，外面一层即将被刮掉的那一图像） pen.beginPath(); pen.fillStyle = "red
阅读全文
摘要：canvas 文本相关 填充文本 pen.fillText("HelloWorld", 100, 100); 文本的(100, 100) 在文本基线处 文本样式 pen.font = "blod 40px 微软雅黑"; 描边文本 pen.strokeText("哈哈", 200, 200); 水平对
阅读全文
摘要：canvas 线性渐变 var linearG = pen.createLinearGradient(startX, startY, endX, endY); 两点的连线，决定了渐变的方向，和区间 var pen = myCanvas.getContext("2d"); // 1. 创建线性渐变 v
阅读全文
摘要：canvas 图片加载 pen.drawImage(ele, showX, showY, imgWidth, imgHeight); ele 将 img 元素 加载到画布上 步骤 1. 创建一个 <img> 对象 var imgNode = new Image(); imgNode.src = ".
阅读全文
摘要：.save() 和 .restore() 除了会保存之前的样式，还会保存之前的坐标轴 pen.translate(x, y); 将画布的 坐标轴原点(0, 0) 从画布的左上角，移动到 (x, y) 必须再绘制之前，移动坐标轴 改变 画布坐标轴 之前的绘制，不受影响。 pen.scale(x, y)
阅读全文
摘要：<canvas></canvas> 画布 <canvas id="my_canvas" width="400" height="400"> 您的浏览器不支持 canvas，建议更换浏览器</canvas> 用于在网页上绘制图形 canvas 是一个 inline-block 行内块元素 canvas
阅读全文
摘要：HTML5_音视频标签 <audio> 和 <video> audio 和 video 都是 inline行内元素 如果浏览器支持，则不显示标签文本 IE8 不支持 audio video 标签 http://s8.qhimg.com/share/audio/piano1/a4.mp3 http:/
阅读全文
摘要：HTML5_提供的 新功能 class 操作 ele.classList（注意： 高版本的 IE 都不支持） 获取 <div id="ele" class="... ..."></div>列表 ele.classList.add("current"); ele.classList.remove("c
阅读全文
摘要：HTML5 是定义 HTML 标准的最新版本。 是一个新版本的 HTML 语言，具有新的元素，属性，行为， 是一个技术及，允许更多样化和强大的网站和应用程序 优势： 跨平台： 通吃 MAC PC Linux Andriod 各大平台 快速迭代 降低成本 导流入口多 分发效率高 语义化标签 div 无
阅读全文
摘要：JavaScript中，使用Unicode 需要 \u 进行转义，格式 "\u十六进制" console.log(\u0031); // 1 console.log(\u0041); // A console.log(\u0061); // a console.log(\u2620); // 骷髅
阅读全文
摘要：id class 命名规范： 小驼峰命名法： aaaBbbCcc，helloWorld 大驼峰命名法： AaaBbbCcc，HelloWorld 匈牙利命名法： 类型+描述 formUserName，aBaiDu，inputUserName，inputUserPsd
阅读全文
摘要：框架集frameset 和 内联框架iframe 的作用类似： 在一个页面中，引入其他的外部html页面。 框架集可以同时引入多个页面。 在 html5 中，推荐使用框架集，而不推荐使用iframe. <frameset></frameset> 不能和 body 同时出现在一个代码中。 不推荐使用，
阅读全文
摘要：效果图： html代码： css代码：
阅读全文
摘要：form表单： form必须属性：action，指定一个服务器地址。 若希望表单中的数据发送给服务器，必须设置name属性。 用户填写的信息，将会追加在url地址？后面，以查询字符串的形式发送给服务器，以“&”隔开。 网页用表单来向服务器提交信息。 最常见的百度一下： 键入关键字，点击搜索， 浏览器
阅读全文
摘要：table 布局 不易于维护，耦合太严重了。 不利于搜索引擎检索。 效果图： html代码： css代码：
阅读全文
摘要：长表格 银行流水，表格很长。。。 则需要将表格分为 表头 thead ，主体数据 tbody ， 表格底部 tfoot 三个标签无顺序要求，易于维护：thead → tfoot → tbody 如果没写 tbody ，浏览器会自添加 tbody，并将所有的 tr 移入 tbody 好处： 可以分别设
阅读全文
摘要：表格 表示一种格式化的数据，如课程表，银行对账单... ... 在网页中，使用 table 创建一个表格。 html代码： css代码：
阅读全文
摘要：列表分为： 有序列表 ul： 无序列表 ol： 自定义列表 dl：
阅读全文
摘要：strong 表语义上的强调， em 表示语气上的强调： <i>单纯的斜体。</i> <b>单纯的加粗。</b> <small>通常用作“细则”内容，会比父元素字体小一点。</small> <big>无语义，因此将被淘汰使用。</big> 参考内容，参考书籍：<cite>《论语》</cite> 引用
阅读全文
浙公网安备 33010602011771号