svg太阳花图案在线制作

马黑黑

设置顶点数:

4

|| 填充模式 : 无 nonzero evenodd ||

操作方法：① 拖动滑杆选择顶点数 ② 选择填充模式

红影

帮你把那个帖子里的说明文字搬来（分别是2、3、4楼的）：
程序提供的代码是 polygon 标签的 points 属性值。svg预设 400*400 的规格：

<svg width="400" height="400">
    <polygon id="poly" points="0,0 0,0 0,0" fill-rule="nonzero | evenodd" fill="red" stroke="green" stroke-width="2" />
</svg>

一楼的JS代码，参考了一个 Python 程序，将其核心内容改写成JavaScript，保留源程序的变量和自定义的函数名。这里是首发。

算法的精髓在于连线的计算，这是非常巧妙的设计。

顶点数指圆周上的点，就是最终呈现出来的尖角。出于对称考虑，滑杆的设计，以 4 为步进单位，凡正向被 4 整除的顶点数，均能做出对称的图案。

马黑黑

醉美水芙蓉 发表于 2023-11-4 11:54
加了颜色更加漂亮！

上海朝阳

呵呵，挺神的，我也可以点出美丽的团案了

马黑黑

上海朝阳 发表于 2023-11-4 12:59
呵呵，挺神的，我也可以点出美丽的团案了

嗯嗯，简单的

红影

看到这个，跑去看了半天的Python 程序。原来它是一种计算机语言，Python是从ABC发展起来，并且结合了Unix shell和C的习惯。它拥有众多的科学计算扩展库，为Python提供了快速数组处理、数值运算以及绘图功能。因此Python语言及其众多的扩展库所构成的开发环境十分适合工程技术、科研人员处理实验数据、制作图表，甚至开发科学计算应用程序。

红影

这个厉害 了，可以得到范围内的任意点数（瓣数）的太阳花。
计算和展示这么快的

小辣椒

黑黑大侠太厉害了，这个居然可以直接在线编辑

小辣椒

好漂亮的太阳花，这个可以直接变色，厉害了

小辣椒

黑黑辛苦，谢谢分享精彩的在线制作

亦是金

老师厉害！

千羽

俺来欣赏学习下

马黑黑

千羽 发表于 2023-11-4 14:37
俺来欣赏学习下

晚上嚎嚎

马黑黑

红影 发表于 2023-11-4 13:31
帮你把那个帖子里的说明文字搬来（分别是2、3、4楼的）：
程序提供的代码是 polygon 标签的 points 属性值 ...

谢谢。辛苦了

千羽

马黑黑 发表于 2023-11-4 19:21
晚上嚎嚎

黑黑老师嚎嚎

马黑黑

亦是金 发表于 2023-11-4 14:17
老师厉害！

你前面问过制作方法，这是其中的一种。

然后，我们会有很多选择。例如：

你会ps，那么，你用ps做一个图案，然后通过插件，生成path；

或者，去网站找找 svg 可视化制作软件，比如  Inkscape 之类的，它们能直接制作 svg 图案，保存后可以用记事本打开，可以找到里面的相关代码。此类软件，也有在线版的，不用安装。

马黑黑

小辣椒 发表于 2023-11-4 14:16
黑黑辛苦，谢谢分享精彩的在线制作