摘要: 时钟 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> div{ width: 1000px; text-align: center; margin: 50px auto; } # 阅读全文
posted @ 2019-09-23 21:33 矜鸾 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 在canvas中绘制图片,首先需要创建一个图片对象 var canvas = document.getElementById("c1"); var ctx = canvas.getContext('2d'); var img = new Image(); img.src = "imgs/pic02. 阅读全文
posted @ 2019-09-23 21:20 矜鸾 阅读(171) 评论(0) 推荐(0) 编辑
摘要: Web前端中的绘图技术 canvas技术 2D图像/图形 SVG技术 矢量图 WebGL 3D图形/图像 不在HTML5 的标准中 今天主要来讲讲画布canvas <canvas width="600" height="400" id="can"></canvas>注意,宽高要在标签上设置而不能再C 阅读全文
posted @ 2019-09-23 21:04 矜鸾 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 拖拽事件一共分为7种: 在开始移动的时候触发ondragstart 在移动中触发ondrag 拖拽结束的事件ondragend 拖拽元素进入目标元素时触发ondragenter 在目标元素中移动中ondragover 离开目标元素时触发ondragleave 鼠标松开时触发ondrop 拖拽的声明周 阅读全文
posted @ 2019-09-23 20:56 矜鸾 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 首先要说的是目前Flash已被HTML5取代,具体取代的方面有: 音频和视频 <video></video> <audio></audio> 绘图 <canvas></canvas> 动画 <canvas></canvas> + 定时器 统计图表 <canvas></canvas> <svg></s 阅读全文
posted @ 2019-09-23 20:52 矜鸾 阅读(161) 评论(0) 推荐(0) 编辑