SVG
前端实现 SVG 转 PNG
前言svg 是一种矢量图形，在 web 上应用很广泛，但是很多时候由于应用的场景，常常需要将 svg 转为 png 格式，下载到本地等。随着浏览器对 HTML 5 的支持度越来越高...
利用动态 viewport + rem 制作一张自适应的 svg 雪碧图 icon
先看下主流浏览器 、手机的尺寸和分辨率主流浏览器和手机的尺寸移动端雪碧图的痛点-不能自适应移动端的icon大小不是不定的，如果用px固定住，在高分辨率手机中就会变得很小在低分辨率手...
[译] SVG 图标制作指南
原文：http://fvsch.com/code/svg-icons/how-to 备注：译文已获得作者授权，转载请附上原文链接。现在有很多种方法在网页中使用 SVG 图标，我并没...
SVG Sprite 入门（SVG 图标解决方案）
关于浏览器图标解决方案，一直就有很多 CSS Sprite,Icon Font,CSS Icon以及SVG.相对而言svg矢量图标以及支持浏览器自身解析的优点，很多团队都已经在使用...
[译] 使用 SVG Filter 实现扭曲的按钮效果
编辑推荐：稀土掘金，这是一个针对技术开发者的一个应用，你可以在掘金上获取最新最优质的技术干货，不仅仅是Android知识、前端、后端以至于产品和设计都有涉猎，想成为全栈工程师的朋友...
[译] 使用 SVG 滤镜创造 Gooey 效果
编辑推荐：稀土掘金，这是一个针对技术开发者的一个应用，你可以在掘金上获取最新最优质的技术干货，不仅仅是Android知识、前端、后端以至于产品和设计都有涉猎，想成为全栈工程师的朋友...
Android 微信上的 SVG
资源矢量化 “清晰”和“体积”的矛盾与麻烦 面对android的各种dpi某事，想要所有设备上的图片都能有最清晰的效果，就意味着每种dpi模式都必须提供一份对应尺寸的资源，除非你不...
Macaw：强大又易用的 SVG 矢量图工具库
What is Macaw?Macaw is a powerful and easy-to-use vector graphics library written in Swif...
高清 ICON SVG 解决方案（下）
在上一篇文章中，我们讲述了字体渲染机制和导致iconfont出现锯齿的原因，以及如何才能出绘制高质量SVG ICON，并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何...
SVG 新司机开车指南
TL,TR确保大家一小时内可以开车上路..... 来不及解释了，快学车.....SVG其相关特性远比想象中要强，本文首先介绍下SVG的相关定义、优缺点和Demo，接下来会介绍它的相...
Android 使用矢量图（SVG / VectorDrawable）实践篇
是时候全面使用矢量图了。——哲鸠斯·沃硕德前言本文是以读者对SVG有一定了解为前提的，否则请先百（谷）度（歌）了解下。实践都是从坑里爬出来的，因此本文的子题目也可叫做Android...
SVG 应用场景与动画
SVG简介SVG（Scalable Vector Graphics）是可缩放矢量图形的缩写，基于可扩展标记语言XML来描述二维矢量图形的一种图形格式，由W3C制定，是一个开放标准。...
SVG 动画精髓
TL;DR本文主要是讲解关于 SVG 的一些高级动画特效，比如 SVG 动画标签，图形渐变，路径动画，线条动画，SVG 裁剪等。例如：路径动画 图形渐变： 线条动画： 以及，相关的...
一个例子上手 SVG 动画
CSS3动画已足够强大，不过还是有一些它做不到的地方。配合SVG，让Web动效有更多的可能性。这次要做的效果是一个loading动画（如图）：其中旋转通过CSS来完成，但是旋转之后...
团
在 React、Vue 项目中使用 SVG
在一些现代的扁平化设计网站，特别是移动端网站，经常会包含许多简单而清晰的小图标，例如网站图标、用户的默认头像、移动端网页首页底部固定的切换栏等，这些小图标一般都是由美工做好，可能会...
简单聊一聊那些 svg 的沿路径运动
之前遇见动画就很想用css实现，显然有些效果是我们力所不能及，实现起来麻烦，效果不好，让人捉急。其实归结起来，不同的动画有自己的优势，根据实际情况进行取舍。本文就告诉大家如何用SV...
SVG Path 路径在网页开发的作用
SVG是矢量图形表示，它的一个强大之处在于path标签可以表示任意的矢量形状，利用好这个path可以做出很多传统html/css做不出来的效果。下面举几个例子。1. 做路径动画这个...
SVG 从 “完全不懂” 到 “足够开个入门分享”
最近需要在 React-Native 项目里实现一个填满特定图形的效果，找很久都没发现能满足需求的开源库，于是就打算用 SVG 自己怼一个。好在这方面教程还不少，虽然不能一步到位，...
SVG 图片在移动端的应用解决方案
近几年来SVG使用得越来越多，就连Android的官方库也加入VectorDrawable的支持。这个类就是用来支持向量图的。SVG图片在web端使用非常广泛，我第一次接触这个也是...
小试 SVG
基本概念svg(Scalable Vector Graphics)是一种基于XML语法的图像格式，全称是可缩放矢量图，其它图像格式都是基于像素处理的，SVG则是属于对图像的形状描述...
使用 JS 创建 SVG 动画
前言：记得第一次听说SVG还是刚毕业时听同事说他们在网易的时候研究过SVG，还以为是很古老的技术以为会被canvas淘汰呢当年还是太年轻，SVG作为一门描述性语言可能在有逻辑处理的...
反思录：Angular 实现 svg 和 png 图片下载
我经常思考，在面临一个不确定问题时，以往的经验究竟有无辅助作用？如果把经验遗忘会产生何种程度的影响？在上下求索未果之后，如何找回曾经的感觉，恰若灵光一现？凡此种种，终是要思考总结的...
[译] Using SVG
原文地址: https://css-tricks.com/using-svg/原文作者: Chris Coyier翻译作者: chenmfSVG是一种向量图的图片格式，即可伸缩向量...
[译] 来用 SVG 和 CSS 画朵云彩吧
译文出自：闪电矿工翻译组原文地址：Drawing Realistic Clouds with SVG and CSS原文作者：Beau Jackson仓库原文链接：Drawing ...
CSS + SVG 实现霓虹灯效果
一、往事几年前，我有幸出差到东莞，在市中心一个85元一晚的小旅馆里面，我很激动。我像个没见过世面的孩子，看着窗外闪亮的霓虹灯招牌，心情久久不能平复。那灯红酒绿的景色，像那神秘的漩涡...
