前言SVG并非仅仅是一种图像格式， 由于它是一种基于XML的语言，也就意味着它继承了XML的跨平台性和可扩展性，从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中，而SVG文档中也可以嵌入其他的XML内容，各个不...

轻松一刻漫画来自于西乔《神秘的程序员们》01第三方小游戏可正式发布4月5日，此前一直处于审核状态的微信第三方小游戏终于可以发布了，这无疑给广大游戏厂商打了一剂强心剂。不过众多小游戏开发者表示...

作为一枚大前端，在开发的过程中，是需要对所要展示的图片进行处理的，因为项目的要求和开发过程中队图片的限制，往往图片的格式和大小需要一定的处理，这款图片处理工具也相当的强大，想要的各种各样的格式（JP...

作为一名前端，在拿到设计稿时你有两种选择：1.快速输出静态页面2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？这次就来谈谈一些动画设计的小技...

SVG是什么？SVG是一种可缩放矢量图形（英语：Scalable Vector Graphics，SVG）是基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式。SVG由W3C制定，是一个开...

| 导语 这里谈到的svg回退，不针对于动画的回退，针对于面对高清屏的日益普及项目中所利用svg矢量图形，所做的图片和图标的回退。目前类似的高清处理方案还有icon fonts，也有多倍图，经过项目中不断尝试和总结，svg目前可能是最...

本文介绍一些关于响应式图像的适配应用策略，回退原理，SVG的换色技巧，雪碧图的百分比定位计算公式等相关的一些小知识点，目的在于帮助一部分同学快速的理清图像应用思路，以及一些web图像的应用技巧。1.响应式图像的应用与回...

在上一篇文章中，我们讲述了字体渲染机制和导致iconfont出现锯齿的原因，以及如何才能出绘制高质量SVG ICON，并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清ICON，并且良好支持PC下的各个浏...

初学SVG的时候，感觉那一坨一坨的代码难读难懂，现在回过头仔细想想，是因为那时候看文档缺少一些具体的实例，导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都所...

众所周知，一个元素，动往往比静更吸引眼球；一套操作界面，合适的动态交互反馈能给用户带来更好的操作体验；一个H5运营宣传页，炫酷的动画特效定能助力传播和品牌打造。近两年，小到loading动画，表...