红影 发表于 2024-9-13 16:55

起个网名好难 发表于 2024-9-13 16:45


这图图就是按红橙黄绿青蓝紫排列的{:4_173:}

起个网名好难 发表于 2024-9-13 16:57

红影 发表于 2024-9-13 16:54
是的,在复制黏贴中一个个换上新的颜色

id 顺便改下就OK{:5_106:}

起个网名好难 发表于 2024-9-13 17:48

红影 发表于 2024-9-13 16:55
这图图就是按红橙黄绿青蓝紫排列的


<style>
            #rainbow        {
                width:300px;
                height:300px;
                margin:auto;
   
                background:radial-gradient(#fff 80px,#6d35a6 80px, #6d35a6 90px,#00a8fe 90px,#00a8fe 100px,#98d6ec 100px,#98d6ec 110px,#91cf42 110px,#91cf42 120px,#ffff00 120px,#ffff00 130px,#ffa03d 130px,#ffa03d 140px, #fd2000 140px, #fd2000 150px, transparent 150px ) no-repeat 0 150px/300px 299px
            }
      </style>
      <div id="rainbow"></div>

梦油 发表于 2024-9-13 17:48

起个网名好难 发表于 2024-9-13 11:28


眼看也不一定为实啊。

起个网名好难 发表于 2024-9-13 17:51

梦油 发表于 2024-9-13 17:48
眼看也不一定为实啊。

眼见的加上大脑的判断可得到自己认为正确的结论{:5_117:}

小辣椒 发表于 2024-9-13 19:26

难难晚上好,纯欣赏{:4_187:}

红影 发表于 2024-9-13 20:01

起个网名好难 发表于 2024-9-13 17:48
#rainbow        {
                width:300px;
                height:300px;


漂亮,这个还是代码的呢{:4_199:}

红影 发表于 2024-9-13 20:19

起个网名好难 发表于 2024-9-13 16:57
id 顺便改下就OK

哦,对的,这个也需要改的。

起个网名好难 发表于 2024-9-13 20:41

小辣椒 发表于 2024-9-13 19:26
难难晚上好,纯欣赏

https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif

https://5b0988e595225.cdn.sohucs.com/images/20181011/751af9a04b924647a7baeb97f0f28ab6.gif

起个网名好难 发表于 2024-9-13 20:43

本帖最后由 起个网名好难 于 2024-9-13 20:46 编辑 <br /><br />红影 发表于 2024-9-13 20:01
漂亮,这个还是代码的呢

再来一个{:5_106:} <br>
<svg width="600" height="300" viewBox="0 0 600 300" style="opacity:0.5;margin:auto; text-align:center;">
<path d="M 10 300.5 Q 300 -30590 300.5" stroke="red" stroke-width="6" fill="none" />
<path d="M 18 300.5 Q 300 -20 582 300.5" stroke="orange" stroke-width="6" fill="none" />
<path d="M 26 300.5 Q 300 -10 574 300.5" stroke="yellow" stroke-width="6" fill="none" />
<path d="M 34 300.5 Q 300 0 566 300.5" stroke="green" stroke-width="6" fill="none" />
<path d="M 42 300.5 Q 300 10 558 300.5" stroke="cyan" stroke-width="6" fill="none" />
<path d="M 50 300.5 Q 300 20 550 300.5" stroke="blue" stroke-width="6" fill="none" />
<path d="M 58 300.5 Q 300 30 542 300.5" stroke="purple" stroke-width="6" fill="none" />
</svg>

起个网名好难 发表于 2024-9-13 20:44

红影 发表于 2024-9-13 20:19
哦,对的,这个也需要改的。

算是写代码的乐趣吧{:5_117:}

红影 发表于 2024-9-13 21:42

起个网名好难 发表于 2024-9-13 20:43
本帖最后由 起个网名好难 于 2024-9-13 20:46 编辑

再来一个


呀,这个更好看呢{:4_187:}

红影 发表于 2024-9-13 21:44

起个网名好难 发表于 2024-9-13 20:44
算是写代码的乐趣吧

是的,看到代码得到的效果,也是乐趣呢。

起个网名好难 发表于 2024-9-13 21:46

红影 发表于 2024-9-13 21:42
呀,这个更好看呢

前一个是用椭圆曲线这个是二次贝塞尔曲线,看着自然点。

起个网名好难 发表于 2024-9-13 21:47

红影 发表于 2024-9-13 21:44
是的,看到代码得到的效果,也是乐趣呢。

乐趣在于用自己写的代码实现自己的想法。{:5_109:}

梦油 发表于 2024-9-14 12:59

起个网名好难 发表于 2024-9-13 17:51
眼见的加上大脑的判断可得到自己认为正确的结论

仔细看看是这样。

红影 发表于 2024-9-14 20:16

起个网名好难 发表于 2024-9-13 21:46
前一个是用椭圆曲线这个是二次贝塞尔曲线,看着自然点。

是的,两者线型不一样呢。

红影 发表于 2024-9-14 20:19

起个网名好难 发表于 2024-9-13 21:47
乐趣在于用自己写的代码实现自己的想法。

这个需要对代码熟悉才行,否则想写也写不出来啊{:4_173:}

起个网名好难 发表于 2024-9-14 20:26

红影 发表于 2024-9-14 20:16
是的,两者线型不一样呢。

二次曲线看着平缓些

起个网名好难 发表于 2024-9-14 20:30

红影 发表于 2024-9-14 20:19
这个需要对代码熟悉才行,否则想写也写不出来啊

从简单的着手开始写,一步步的深入。

套用也要搞清楚其代码是如何实现的为以后借鉴打下基础。
页: 1 [2] 3
查看完整版本: 红橙黄绿青蓝紫