dom-to-image的实现原理主要依靠「svg标签的<foreginObject元素和canvas」。

使用CSS生成svg矢量图，可以随着CSS文件一起缓存，减少请求图片的次数。在React中可以使用svgr将svg转换为组件，支持按需加载等功能。

将笔划宽度设置为3个像素。您可以使用不同于像素的单位。在[SVG坐标系统单位中查看所有可用单位。

SVG <line>元素是一个SVG基本形状，用来创建一条连接两个点的线。<line>元素用于在SVG图像内部绘制线条。可以绘制水平直线，垂直竖线直线、斜角直线等。...

SVG填充图案用于用由图像组成的图案填充形状。该图案可以由SVG图像（形状）或位图图像组成。SVG填充模式看起来就像从Photoshop等中所习惯的那样，被称为“平铺”。...

使用较深的蓝色(#000066)描边颜色和较浅的蓝色(#3333ff)填充颜色定义圆。

所有互联网的SVG滤镜定义在<defs>元素中。<defs>元素定义短并含有特殊元素（如滤镜）定义<filter>标签用来定义SVG滤镜。

Demo1首先我们看到这个，之前的文章可以实现的差不多，但是中间的断层很难实现，这里就说一下怎么实现他们之间交叉的断层怎么实现的，两种方法方法1 直接钢笔工具自己将里面的所有的零部件全部画出来，...

写在前面 今天开始我将在这个板块进行sketch的基本使用进行记录，为什么记录这个软件呢？因为他是一款十分出色的设计软件，我们可以根据他进行设计很多移动端包括PC端的页面，同时呢他的学习成本要比很多设计软件的学习成本...

坐标轴是可视化图表中经常出现的一种图形，由一些刻度和线列段组成。D3中是没有现成的坐标轴，SVG中因而没有现成的图形元素，需要通过D3提供的其他组件来手动添加。下图是添加了坐标轴之后的效果图。...