有试过用adobe illustrator或者Sketch等类似矢量设计软件设计出来然后导出SVG呢？

简而言之，就是不同形状之间能平滑的转换。这个用SVG来做羹适合不过了，因为SVG本身的形状就是有各种不同坐标之间的线段绘制而成的。从形状到另外一个形状的转化就是移动坐标点而已。

关于使用vue开发Chrome插件，刚好总结了一篇文章，可以看看，vuejs初体验Chrome插件开发实录

每当有这样的问题的时候，我们可以通过以下步骤来确定一个未知的解决方案的性能优化是怎么做到/伪造的： 黑盒：从官方用例来看，究竟有多快，快在哪儿 白盒：看看官方用例之内，框架怎么做到优化的 do { 提出假设，自己构建用例测试 } while (假设没有得到验证); 得...

上一节我们完成了游戏核心场景play的大部分工作，能操控主角，能随机掉落苹果了。那么这一节我们来完成游戏剩余的部分，主要是计算分数、如何结束游戏等等。

在本文中，我将介绍Velocity.js，这是一个快速，高性能的JavaScript动画引擎。当您浏览完所有的demo时，您可以使用Velocity.js创建自己的动画，并使您的网站更具互动性和用户友好性。本文所讲内容不使用jQuery。

在我网站svgtrick开一个新系列，主要是使用GreenSock来编写和实现动画效果，通过实际的效果来熟悉GreenSock的各个方法和技巧。 关于GreenSock的基础知识，可以看看我整理的GreenSock简明教程。 这个效果也是在codepen上看到的，拿来分析下实现思路，顺便熟悉下GreenS...

今天做些不一样的东西（如 MeshBasicMaterial，MeshLambertMaterial 和 MeshPhongMaterial），尽量使用各种参数（color，opacity，ambient，emissive，specular），讲解如何制作纹理和凹凸映射的使用。

最近遇到这样一个需求：需要在页面中显示一段第三方文本信息。这些文本完全由第三方自己定义，我们负责显示在页面即可，第三方要求这些文本需要换行显示即可。

这是我的一个关于SVG的应用的技术分享网站svgtrick.com，会同步一些文章到这里来，更多关于SVG技术应用可以去网站看看。 要是觉得文章还不错的话，可以多多推荐哦。 今天这篇文章来聊聊SVG路径描边动画。 关于路径描边动画大家可以去看看这两个网站，Playstation 4和...

最近从Dribbble shot 看到@thorstenbeeck发布的一个设计效果图得到灵感。根据这个设计，使用GreenSock这个动画平台实现了一个SVG的动画效果，下面就来聊聊我是怎么实现这个动画效果的。

最近把GreenSock的一些知识以及一些开发技巧使用gitbook整理了一本在线的电子书，GreenSock电子书可以去看看，下面是一个基本入门的简化版本，更详细的可以去看在线的版本，里面有详细的介绍以及一些高级应用技巧，GreenSock电子书

在SVG中，文字的颜色使用fill属性来定义，它不仅可以填充一般的颜色，也可以使用渐变颜色来填充文字等等。相比CSS，使用SVG可以更加灵活的实现CSS无法实现的文字效果。这篇文章就来讲讲SVG中的渐变主要是指线性渐变在文字中的应用。

说到在网页里创建动画，你可能很快会想到jQuery的animate()方法，或者css3的animation和transition。现在，本文将介绍另一个web动画的可选方案，GSAP。

最近做了一个关于SVG的应用的技术分享网站svgtrick.com，会同步一些文章到这里来，更多的关于SVG方面的技术知识可以去网站看看。 在SVG中边框这一属性虽然看似简单，但实则是大有天地，今天就来深扒下SVG中的边框的一些基础知识。 基本知识 在SVG中，边框最常见的应...

接触过SVG都知道，SVG有自己的一套坐标视窗系统，理解它对于在SVG的使用，特别是要对SVG进行放大缩小，viewbox是必须要了解的一个知识点，而viewbox则是SVG中一个相对复杂的概念，打算分两篇来聊聊它，这篇文章就来聊聊SVG中的viewbox的一个基本知识和基本的应用。

今天这篇文章来讲一个morphing动画在UI界面上一个具体的运用即具有morphing动画效果的播放按钮。开始之前可以去YouTube网站上看看，它的播放和暂停按钮不是简单的切换，而是有一个过渡的动画效果，即morphing动画效果。如下图所示：

工欲善其事，必先利其器。要用svg制作复杂或者是高级的动画效果，javascript就必不可少来。今天我们就来学习下svg中的jQuery库Snap.svg这一js库，它的功能跟jQuery在dom的作用差不多，只不过它是专门用来操作svg的。有了它，我们就可以轻松的使用javascript和svg打交...