效果的原理其实就是“四条边”发生宽度和高度的变化，上下两边是宽度变化，左右两边是高度的变化； 它们发生变化的方向也可以可控的，根据坐标设置即可控制。 下面我们直接上代码： 首先准备基础代码，那四条边并不是真正的border，而是通过标签加以宽高写出来，然后定位到四个方向； <!-- html --> ...
分类：
其他好文 时间：
2017-01-14 22:03:43
阅读次数：
347
学习目的：通过JavaScript操控<canvas>对象，实现交互动画。 动画的基本步骤 1. 清空canvas，使用clearRect方法 2. 保存canvas状态 3. 绘制动画图形 4. 恢复canvas状态 操控动画Controlling an animation setInterval ...
分类：
其他好文 时间：
2016-11-28 08:05:23
阅读次数：
326
前言 随着可视化进入深水区，G2面临了越来越多交互上的需求。动画是提升交互必不可少的一部分，也是之前G2的薄弱环节。这个版本里我们开发并替换了动画底层，统一了时间轴，使G2的动画性能大大提升，并提供了一套默认的交互动画，使G2图表的表现力更加丰富。 默认动画 render() 出场动画 change ...
分类：
其他好文 时间：
2016-11-04 13:40:43
阅读次数：
235
jQuery UI插件简介： jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE 6.0+, Firefox 3+, Safar ...
分类：
Web程序 时间：
2016-10-16 16:26:04
阅读次数：
243
一.HTML HTML是什么？是超文本标记语言（HyperText Markup Language ），不是编程语言，是标记语言，描述网页的语言，HTML使用标签描述网页中的图片、文本、音乐、视频、超链接等。 HTML能干什么？制作精美的电商、门户等静态网页。制作网页中的各种交互、动画效果。制作网页 ...
分类：
Web程序 时间：
2016-06-26 19:34:40
阅读次数：
257
Android拼图游戏的设计逻辑
群英传的最后一章，我大致的看了一下这个例子，发现鸿洋大神也做过，就参考两个人的设计逻辑，感觉都差不多，就这样实现起来了
一.切图工具类
我们九宫格嘛，肯定要一个切图的工具，把一个图片给切成九张，那具体是怎么实现呢？我们先写一个bean来存储一切的状态
ImagePiecepackage com.lgl.ninegame.utils;import androi...
分类：
移动开发 时间：
2016-05-03 18:24:03
阅读次数：
337
这是一篇material design 文档动画部分的学习！ Summary: Material Design动画交互 动画速度的3个原则 3种交互方式 如何设计有意义的动画 使人高兴的动画细节 1 | Material Design动画交互 谷歌上一代设计语言是卡片设计，而这一代作为卡片的延伸，M ...
分类：
其他好文 时间：
2016-04-21 10:18:43
阅读次数：
144
原文链接：http://www.open-open.com/lib/view/open1411443332703.html 描述：收集android上开源的酷炫的交互动画和视觉效果。 1.交互篇 2.视觉篇 交互篇 1.SlidingUpPanelLayout 项目介绍：他的库提供了一种简单的方式来 ...
分类：
移动开发 时间：
2016-04-13 13:03:26
阅读次数：
281
JQuery UI 是以 JQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件，这些控件主要包括：Accordion,Autocomplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Ma ...
分类：
Web程序 时间：
2016-04-07 08:20:54
阅读次数：
298
