马黑黑 发表于 2025-8-23 22:28
那不一样的吗？
是，仔细想想，也是这个道理{:4_190:}
杨帆 发表于 2025-8-23 23:03
是，仔细想想，也是这个道理
道理在那里。然后，只是绘图方式不同。
红影 发表于 2025-8-23 23:00
当然是代码少了更好啊，那么多重复的设置，JS一句话就搞定
JS也是用了几句的
红影 发表于 2025-8-23 22:59
这个设计漂亮
简单的线条加个二次贝塞尔曲线
马黑黑 发表于 2025-8-23 23:05
道理在那里。然后，只是绘图方式不同。
是，主要是旋转中心与旋转角度
马黑黑 发表于 2025-8-23 23:06
JS也是用了几句的
就算是几句，也是少了好多的呢{:4_199:}
马黑黑 发表于 2025-8-23 23:07
简单的线条加个二次贝塞尔曲线
取值取得好，让这个图形看着特别修长{:4_187:}
红影 发表于 2025-8-24 09:11
取值取得好，让这个图形看着特别修长
两个顶点的距离、曲线控制点的取值，都是关键
红影 发表于 2025-8-24 09:09
就算是几句，也是少了好多的呢
在这个帖子中，少一半以上
杨帆 发表于 2025-8-23 23:21
是，主要是旋转中心与旋转角度
设置了 viewbox，就按 viewbox 的数据进行一些相关操作。
没有viewbox时，viewbox和 svg 时一样的
马黑黑 发表于 2025-8-24 09:23
设置了 viewbox，就按 viewbox 的数据进行一些相关操作。
没有viewbox时，viewbox和 svg 时一样的
知道了，谢谢老师悉心指导{:4_191:}
杨帆 发表于 2025-8-24 09:29
知道了，谢谢老师悉心指导
{:4_190:}
马黑黑 发表于 2025-8-24 09:20
两个顶点的距离、曲线控制点的取值，都是关键
是的，这些共同构成了图形的形状{:4_187:}
马黑黑 发表于 2025-8-24 09:21
在这个帖子中，少一半以上
一半都不止，应该少了百分之八九十{:4_187:}
红影 发表于 2025-8-24 12:30
是的，这些共同构成了图形的形状
还可以考虑收腰或涨腰，也许也会很有特点
马黑黑 发表于 2025-8-24 13:19
还可以考虑收腰或涨腰，也许也会很有特点
这个弄出来就知道了，也许也很惊艳呢{:4_187:}
红影 发表于 2025-8-24 14:04
这个弄出来就知道了，也许也很惊艳呢
造型有些变化总是能收到点意外的
马黑黑 发表于 2025-8-23 21:28
#ma 选择器在本帖是SVG标签，svg是行内元素，如果不把它设置为块状元素，很可能它不听使唤。
原来是真的是量身定制的
马黑黑 发表于 2025-8-23 21:29
即使不使用 -200 -200 原点坐标值也是可以的，在设计图案的时候和它配套就成。
那数据岂不是更复杂，00开头00结尾比较清晰
马黑黑 发表于 2025-8-23 21:36
Array遍历循环那一句，一口气画出 tt 个路径，每个路径都依据自己的角度做旋转。
svg 的旋转是基于左 ...
就是你说的根据原 点坐标位置，找到与之配套的图案的中心点。然后旋转。
这个例子好清晰