D3.js 形状
形状由 SVG path 元素组成。它们中的每一个都有一个 d 定义路径形状的属性（路径数据）。
路径数据由 M0,80L100,100L200,30L300,50L400,40L500,80 描述路径形状的命令列表组成。每个字母例如 M 或 L 描述一个命令，例如“移动到”和“画一条线到”。
您可以自己创建路径数据，但 D3 提供了为您完成工作的生成器函数。它们有多种形式：
饼图生成器有许多配置函数，包括 .startAngle() 、 .endAngle() 、 .sort() 、 .padAngle() 。 .startAngle() 和 .endAngle() 配置饼图的起止角度。例如，这允许创建半圆形饼图：
可以使用 .sort 更改排序顺序
padAngle() 指定相邻段之间的角度填充
如何制作圆形图片
可以使用一些在线的生成圆形图工具，比较方便快捷。比如下面这个工具你可以试一下，裁剪缩放都是无损的，对图片本身的画质也没有任何损伤。圆形图片生成器,照片制作圆图工具
在线制作圆形图
圆图生成器使用步骤：
一、点击或者拖拽到上传框中，即可上传你要转换圆图的图片，直接将新图片拖入上传框即可更换图片。该功能支持jpg、png等多种常见的图片格式。
二、此时预览框中会出现刚刚上传的图片，可以任意缩放拖拽裁剪框，选择你想要截取并转换圆形图片的区域。在拖拽缩放裁剪框的过程中，可以实时预览圆图效果。
三、点击即可一键导出高清无压缩的圆形图片。
四、导出的圆形图片是.png格式的，因为只有png格式支持透明背景，而圆形图片四个角必须是镂空透明的。所以无论上传的图片是什么格式，最终会转换为png格式。
如何把图片变成圆形式的
可以用PS修改。
1、在ps中打开需要裁剪成圆形的正方形图片。
2、在左侧工具栏中选择“椭圆选框工具”。
1、在ps中打开需要裁剪成圆形的正方形图片。
2、在左侧工具栏中选择“椭圆选框工具”。
3、按住shift键的同时拖动鼠标左键形成一个圆形选区。
4、按快捷键Ctrl+J键复制出圆形选区。
5、关闭背景图层以后，就可以看到圆形图片了。
评论0