006.SVG 2 path

PageSocial.tsx内logo编辑可参考

👨🏻‍💻

005.搭建一个基于notion的个人网站(保姆级）

SVG 2 path

以网易云音乐LOGO为例子

搜一张logo图片

AI打开图像描摹-扩展-只留下黑色部分

画板改为3030，图像改为2424

AI存为SVG格式，使用edge浏览器打开

按F12打开开发者模式

蓝色框内复制

path代码验证编辑器：

将下面这段代码在链接内验证


M15.27,27c-5.15,0.01-9.67-3.6-10.88-8.7c-0.84-3.55,0.04-6.72,2.25-9.55c1.14-1.46,2.57-2.56,4.29-3.27
	c0.26-0.11,0.52-0.21,0.79-0.26c0.65-0.13,1.24,0.17,1.46,0.74c0.22,0.53,0,1.15-0.53,1.51c-0.15,0.1-0.31,0.17-0.47,0.24
	c-2.86,1.25-4.74,3.33-5.33,6.42c-0.86,4.57,1.99,9.56,7.24,10.24c2.53,0.33,4.85-0.25,6.84-1.9c2.34-1.94,3.06-5.39,1.69-8.08
	c-0.7-1.37-1.85-2.21-3.27-2.72c-0.11-0.04-0.29-0.03-0.38,0.04c-0.05,0.04-0.03,0.23,0,0.34c0.24,0.86,0.5,1.72,0.72,2.58
	c0.57,2.19-0.49,4.32-2.6,5.25c-2.04,0.9-4.35,0.21-5.6-1.67c-1.42-2.14-1.07-5.28,0.79-7.19c0.79-0.81,1.72-1.36,2.78-1.71
	c0.32-0.11,0.36-0.27,0.3-0.56c-0.13-0.62-0.29-1.23-0.35-1.86c-0.15-1.6,0.72-2.65,2-3.41c1.68-0.99,4.1-0.36,5.31,1.06
	c0.36,0.42,0.36,0.92,0,1.39c-0.4,0.54-0.93,0.71-1.45,0.48c-0.18-0.08-0.36-0.18-0.52-0.31c-0.75-0.57-1.54-0.45-2.34-0.17
	c-0.32,0.11-0.52,0.37-0.46,0.7c0.09,0.53,0.18,1.07,0.38,1.57c0.22,0.56,0.77,0.75,1.32,0.84c3.31,0.58,6.17,3.61,6.59,7.1
	c0.34,2.84-0.55,5.31-2.43,7.42c-1.8,2.01-4.12,3.02-6.77,3.37c-0.18,0.02-0.35,0.06-0.53,0.06C15.85,27,15.56,27,15.27,27z
	 M16.09,11.72c-0.54,0.31-1.04,0.53-1.46,0.86c-1.4,1.09-1.72,2.84-0.8,4.24c0.45,0.7,1.28,0.97,2.06,0.69
	c0.87-0.32,1.43-1.1,1.25-1.89C16.83,14.36,16.46,13.12,16.09,11.72z

可在下图看到高度26，减去图内上下两格高度为24，与AI内设置相同。