02 2018 档案

ECharts.测试02
摘要：1、"ECharts.测试01" 里面使用的是 文档[doc]中的"模块化单文件引入（推荐）"方式。 本例子 使用的是 文档[doc]中的"标签式单文件引入"，目前开来，还是 这个方式 方便一点 缺点："模块化单文件引入（推荐）" 是要什么再加载什么，网络传输文件较少；"标签式单文件引入" 是将整套 阅读全文
posted @ 2018-02-28 10:16 HtmlUI 阅读(230) 评论(0) 推荐(0)
ECharts.测试01
摘要：1、源码来自 "E:\ZC_IDE\JavaScript_3rd\echarts-2.2.7\doc\example\www\..." 1.1、将里面的 地图显示部分去掉了... 1.2、这里面的源码是静态的，只显示了一次 柱状图。我在里面添加了一个 按钮，来动态的改变柱状图的信息 2、代码： 2. 阅读全文
posted @ 2018-02-28 09:57 HtmlUI 阅读(246) 评论(0) 推荐(0)
ECharts.资料ZC01
摘要：1、官方资料（实例）：http://echarts.baidu.com/echarts2/doc/example.html?qq-pf-to=pcqq.c2c （对应：源码文件中 "..\echarts-2.2.7\doc\example.html"） 1.1、文档： (1)、参考手册：http:/ 阅读全文
posted @ 2018-02-27 15:12 HtmlUI 阅读(135) 评论(0) 推荐(0)
SVG动画.资料（20180212）
摘要：1、foreignObject « 张鑫旭-鑫空间-鑫生活.html（http://www.zhangxinxu.com/wordpress/tag/foreignobject/） canvas文本绘制自动换行、字间距、竖排等实现 « 张鑫旭-鑫空间-鑫生活.html（http://www.zhan 阅读全文
posted @ 2018-02-12 15:41 HtmlUI 阅读(125) 评论(0) 推荐(0)
SVG动画.资料（20180208）
摘要：1、 手把手教你轻松实现SVG动画.html（https://baijiahao.baidu.com/s?id=1571093667630324&wfr=spider&for=pc） 使用CSS offset-path让元素沿着不规则路径运动 « 张鑫旭-鑫空间-鑫生活.html（http://ww 阅读全文
posted @ 2018-02-08 16:21 HtmlUI 阅读(112) 评论(0) 推荐(0)
SVG动画.skew测试
摘要：1、ZC：CSS的动画 里面 没有涉及到 translateX的相关信息，但是实际看到 图形确实在右移。 ZC：我的理解：本来 元件的CSS样式是有 translateX的，动画里面 确没有，∴ 应该是 从 0%的-300px 逐渐 变成 90%的0px，90%-->100%之间没有位移 只有倾斜的 阅读全文
posted @ 2018-02-08 16:20 HtmlUI 阅读(240) 评论(0) 推荐(0)
SVG动画.心跳（enable-background）
摘要：1、ZC：几点： (1)、<meta/>貌似只能放在 html中？（于是 这个文件就不能保存成 ?.svg了） (2)、enable-background 是什么属性？ (3)、在SVG文件中，不允许 给<svg/>设置两个width&height属性，html中却可以 它是怎么起作用的？前面的值有 阅读全文
posted @ 2018-02-08 14:54 HtmlUI 阅读(865) 评论(0) 推荐(0)
Tween.资料
摘要：1、Tween.js 动画效果 - aGod - 博客园.html（https://www.cnblogs.com/createGod/p/6941340.html） 文章“HTML5_SVG实现过山车动画 _ HTML5资源教程.html”（http://www.html5tricks.com/h 阅读全文
posted @ 2018-02-05 16:28 HtmlUI 阅读(123) 评论(0) 推荐(0)
SVG_CSS动画.【转】SVG之Animation
摘要：1、SVG之Animation - 前端学习笔记 - SegmentFault.html（https://segmentfault.com/a/1190000009371194） 2、 <animate>元素用于实现动画效果（动画截图比较麻烦，本文中的例子最好直接写demo看效果） 基本动画 将<a 阅读全文
posted @ 2018-02-05 09:03 HtmlUI 阅读(1402) 评论(0) 推荐(0)
SVG动画.animateTransform
摘要：1、来自于：SVG之Animation - 前端学习笔记 - SegmentFault.html（https://segmentfault.com/a/1190000009371194） 2、AnimateTransform.html（UTF8） ZC：下面的属性（type="scale" from 阅读全文
posted @ 2018-02-02 16:25 HtmlUI 阅读(1003) 评论(0) 推荐(0)
bezier.心跳(圆形)
摘要：1、 2、 3、 4、 5、 阅读全文
posted @ 2018-02-02 13:39 HtmlUI 阅读(245) 评论(0) 推荐(0)
bezier.CSS工具资料（linear、ease等）
摘要：1、实用的 CSS — 贝塞尔曲线(cubic-bezier) - 简书.html（https://www.jianshu.com/p/d999f090d333） 1.1、CSS3 animation-timing-function 属性.html（http://www.w3school.com.c 阅读全文
posted @ 2018-02-02 09:57 HtmlUI 阅读(462) 评论(0) 推荐(0)
bezier.CSS_SVG_canvas画_贝兹曲线
摘要：ZC：(1)、SVG可以绘制 贝兹曲线；(2)、canvas能绘制 贝兹曲线；(3)、现在(20180202)查资料发现，css 貌似不能绘制 贝兹曲线，css使用贝兹曲线 主要是用于控制动画的速度，以后不知道css能不能直接绘制 贝兹曲线。 1、CSS 贝塞尔曲线 查看：（看网页的元素，呈现曲线的 阅读全文
posted @ 2018-02-02 09:27 HtmlUI 阅读(588) 评论(0) 推荐(0)
CSS动画_SVG动画__比较归纳
摘要：1、CSS3 @keyframes 规则.html（http://www.w3school.com.cn/cssref/pr_keyframes.asp） 语法 必需。动画时长的百分比。 合法的值： 0-100% from（与 0% 相同） to（与 100% 相同） 1.1、css 多点动画效果 阅读全文
posted @ 2018-02-01 15:47 HtmlUI 阅读(246) 评论(0) 推荐(0)
CSS动画.【转】纯CSS实现帅气的SVG路径描边动画效果
该文被密码保护。
posted @ 2018-02-01 15:01 HtmlUI 阅读(2) 评论(0) 推荐(0)