介绍一些你可能没用过的SVG & CSS小技巧。 在平时开发中，很多时候都会用到SVG。大部分情况我们都不必关注SVG里面到底是什么，直接当成图片资源引入就行，比如常见的图标资源 我们可以通过多种方式

svg实现图形编辑器系本文会继续丰富以下编辑能力： - 移动靠近其他精灵时吸附上去，并显示辅助线 - 缩放靠近其他精灵时吸附上去，并显示辅助线 - 画布上显示网格，精灵在画布上拖拽时可以吸附在网格上，

本文介绍了图形编辑器基础的 `移动`、`缩放`、`旋转` 等编辑能力，做到了三个操作代码隔离，并且在旋转后缩放修复了位置偏移问题。 完成基本的编辑能力后，我们的图形编辑器已经基本可用了，可以向舞台加

一个类似PPT功能的图形编辑器框架，可以用于快速搭建图形编辑应用。 这是一个系列文章介绍如何基于 svg 逐步实现一个图形编辑器，内容较多将分为系列文章，逐步讲解实现步骤，欢迎大家一起讨论~

思维导图、流程图等都有连接线的功能，连接线可以在形状发生变化时自动跟随。本文会介绍连接线功能如何实现。

可视化数据对于有效理解和传达信息至关重要。一种常见的可视化数据的方法是使用Sparkline图表 - 这是一种小型、简单、紧凑的图表，可以快速概览数据集中的趋势和模式。 经常逛github的同学

上一篇文章我们使用 svg 绘制好了静态的图形，本篇文章将通过给静态图形添加动画效果，以实现 MG 动画。svg 实现动画的方式不止一种，我将会通过多种方式给不同的元素添加动画效果~

本文主要讲了svg的使用、基础图标绘制、图标尺寸和颜色自适应原理、以及图标组件的封装，以便在项目中更优雅的使用svg。

1、SMIL animation概览 SMIL不是指「水蜜梨」，而是Synchronized Multimedia Integration Language（同步多媒体集成语言）的首字母缩写简称，是有