摘要：
折线图 绘制网格 布置好canvas <canvas width="600" height="400"></canvas> <style> canvas { border: 1px solid #ccc; } </style> var myCanvas = document.querySelecto 阅读全文
摘要：
绘制一个由黑到白渐变的矩形 /*线是由点构成的*/ ctx.lineWidth = 30; for (var i = 0; i < 255; i++) { ctx.beginPath(); ctx.moveTo(100 + i - 1, 100); ctx.lineTo(100 + i, 100); 阅读全文
摘要：
绘制虚线 数组是用来描述你的排列方式的 ctx.setLineDash([5, 15, 10]); 获取虚线的排列方式 获取的是不重复的那一段的排列方式 console.log(ctx.getLineDash()); 虚线的偏移 /*如果是正的值 往后偏移*/ /*如果是负的值 往前偏移*/ ctx 阅读全文
摘要：
和线相关的属性和方法 ctx.lineCap = "square"; ctx.lineCap = "round"; ctx.lineJoin = 'miter'; /*画平行线*/ ctx.beginPath(); ctx.moveTo(100,100); ctx.lineTo(200,20); c 阅读全文
摘要：
绘制一个镂空正方形 第一个正方形顺时针轨迹 第二个正方形逆时针轨迹 轨迹值为0，不填充，就是镂空效果了 /*1.绘制两个正方形 一大200一小100 套在一起*/ ctx.moveTo(100, 100); ctx.lineTo(300, 100); ctx.lineTo(300, 300); ct 阅读全文
摘要：
绘制一个填充的三角形 1. 关闭路径 closePath 2. 填充 fill <script> var myCanvas = document.querySelector('canvas'); var ctx = myCanvas.getContext('2d'); /*1.绘制一个三角形*/ c 阅读全文
摘要：
绘制三条不同颜色和宽度的平行线 画布 <canvas width="600" height="400"></canvas> 画布加边框显示出来 <style> canvas { border: 1px solid #ccc; } </style> 获取canvas, 准备工具盒context var 阅读全文
摘要：
绘制平行线&线模糊的问题 1. 准备画布 <!-- 1. 画布 --> <canvas width="600" height="400"></canvas> 2. 加边框，让画布凸显出来 <style> canvas { border: 1px solid #ccc; } </style> 3. 获 阅读全文
摘要：
H5-Dom扩展 获取元素 document.getElementsByClassName ('class'); //通过类名获取元素，以伪数组形式存在。 document.querySelector('selector'); //通过CSS选择器获取元素，符合匹配条件的第1个元素。 doc 阅读全文
摘要：
H5-新增API 全屏方法 HTML5规范允许用户自定义网页上任一元素全屏显示。 Node.requestFullScreen() 开启全屏显示 Node.cancelFullScreen() 关闭全屏显示 由于其兼容性原因，不同浏览器需要添加前缀如： webkit内核浏览器：webkitReque 阅读全文
摘要：
体验Canvas绘图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> canvas{ border: 1px solid #ccc; /*不建议在 样式设置尺寸*/ 阅读全文
摘要：
《QQ TIM》案例 Stellar插件 描述 视差滚动（Parallax Scrolling）指网页滚动过程中， 多层次的元素进行不同程度的移动，视觉上形成立体运动效果的网页展示技术 主要核心就是前景和背景以不同的速度移动，从而创造出3D效果。 这种效果可以给网站一个很好的补充。 特性 视差滚动效 阅读全文
摘要：
H5C3 《购物车宣传》案例 综合运用h5c3知识且进行一定扩展 能使用jquery完成网页常见交互行为 实际工作开发当中能应对活动宣传页 FullPage插件 插件功能介绍 基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。 支持鼠标滚动，支持前进后退和键盘控制，多个回调函数， 阅读全文
摘要：
Canvas概述 canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。 基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。 <canvas> 元素是WhatWG Web 阅读全文