上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 37 下一页
摘要: canvas 线性渐变 var linearG = pen.createLinearGradient(startX, startY, endX, endY); 两点的连线,决定了渐变的方向,和区间 var pen = myCanvas.getContext("2d"); // 1. 创建线性渐变 v 阅读全文
posted @ 2018-11-21 11:59 耶梦加德 阅读(204) 评论(2) 推荐(0) 编辑
摘要: canvas 图片加载 pen.drawImage(ele, showX, showY, imgWidth, imgHeight); ele 将 img 元素 加载到画布上 步骤 1. 创建一个 <img> 对象 var imgNode = new Image(); imgNode.src = ". 阅读全文
posted @ 2018-11-21 11:45 耶梦加德 阅读(1690) 评论(0) 推荐(0) 编辑
摘要: .save() 和 .restore() 除了会保存之前的样式,还会保存之前的坐标轴 pen.translate(x, y); 将画布的 坐标轴原点(0, 0) 从画布的左上角,移动到 (x, y) 必须再绘制之前,移动坐标轴 改变 画布坐标轴 之前的绘制,不受影响。 pen.scale(x, y) 阅读全文
posted @ 2018-11-21 09:59 耶梦加德 阅读(216) 评论(0) 推荐(0) 编辑
摘要: <canvas></canvas> 画布 <canvas id="my_canvas" width="400" height="400"> 您的浏览器不支持 canvas,建议更换浏览器</canvas> 用于在网页上绘制图形 canvas 是一个 inline-block 行内块元素 canvas 阅读全文
posted @ 2018-11-20 16:02 耶梦加德 阅读(448) 评论(0) 推荐(0) 编辑
摘要: HTML5_音视频标签 <audio> 和 <video> audio 和 video 都是 inline行内元素 如果浏览器支持,则不显示标签文本 IE8 不支持 audio video 标签 http://s8.qhimg.com/share/audio/piano1/a4.mp3 http:/ 阅读全文
posted @ 2018-11-20 08:46 耶梦加德 阅读(1408) 评论(0) 推荐(0) 编辑
摘要: HTML5_提供的 新功能 class 操作 ele.classList(注意: 高版本的 IE 都不支持) 获取 <div id="ele" class="... ..."></div>列表 ele.classList.add("current"); ele.classList.remove("c 阅读全文
posted @ 2018-11-17 16:50 耶梦加德 阅读(566) 评论(0) 推荐(1) 编辑
摘要: HTML5 是定义 HTML 标准的最新版本。 是一个新版本的 HTML 语言,具有新的元素,属性,行为, 是一个技术及,允许更多样化和强大的网站和应用程序 优势: 跨平台: 通吃 MAC PC Linux Andriod 各大平台 快速迭代 降低成本 导流入口多 分发效率高 语义化标签 div 无 阅读全文
posted @ 2018-11-17 16:07 耶梦加德 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 综合案例 设置元素的 width,还可以利用 left 和 right 为了防止图片太小,background-size: 100% 100%; <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> <link 阅读全文
posted @ 2018-11-17 14:44 耶梦加德 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 拖曳原理: 元素的初始位置 + 鼠标距离差 = 元素最终位置 使元素可以拖动 function dragElement(obj){ obj.onmousedown = function(e){ e = e || window.event; // 兼容 IE obj.setCapture && obj 阅读全文
posted @ 2018-11-16 21:17 耶梦加德 阅读(425) 评论(0) 推荐(0) 编辑
摘要: 移动端的 开机动画 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> height: 100%; overflow: hidden; 禁止滚动条 初始包含块 为 #wrap , 阅读全文
posted @ 2018-11-15 10:46 耶梦加德 阅读(601) 评论(0) 推荐(0) 编辑
上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 37 下一页