九个H5特性 1、详情标签，2、可编辑内容，3、标记内容，4、data-属性，5、输出标签，6、数据列表，7、范围滑块，8、Meter，9、Inputs

这几个事件最早出现于IOS safari中，为了向开发人员转达一些特殊的信息，所以新增了这些事件，随着Android中的webkit的加入，慢慢地这样的专有事件成了事实的标准，从而导致W3C开始指定Touch Event规范的内容。 touchstart 手指触摸屏幕时触发，即…

SVG是一种矢量图格式，是 Scalable Vector Graphics 三个单词的首字母缩写。当你需要开发web动画时，这里可以给你提供一个清晰的思路。

以前都是写pc，后来需要写h5移动端项目，会遇到一些自适应和兼容性等方面的问题，下面从自己写过的h5项目中稍稍做点总结。 开启一个移动端项目的基础，首先是想好如何在代码中实现移动端适配。之前没有经验，第一个项目里简单粗暴地采用px写死的方法，觉得不好，本项目采用的是像一位优秀同…

SVG是矢量图形表示，它的一个强大之处在于path标签可以表示任意的矢量形状，利用好这个path可以做出很多传统html/css做不出来的效果。下面举几个例子。 1. 做路径动画 利用animateMotion结合path做的动画，具体说明可见上文。 2. 实现不规则形状的点击…

SVG(Scalable Vector Graphics)可缩放矢量图 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。 在 SVG 中，每个被绘制的图…

SVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。目前，人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形，并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可…

从0开始canvas系列从0开始canvas系列一---canvas画布从0开始canvas系列二---文本和图像从0开始canvas系列三---图像像素级操作从0开始canvas系列四---运动动画

因为最近课比较少，所以在codepen上逛的时间比较多，借此可以学习一些优秀的作品，昨天看到了一个很炫的星空，先给大家看看效果。 源码出奇的短，总共不过一百余行，代码的逻辑也写的浅显易懂，主要思路就是不同轨道的星星绕着中心点旋转，其次就是半径越大的星星在视觉上距离我们越近，因为…