论坛 › 马黑黑教程专版 › 什么果

马黑黑 发表于 2026-6-19 21:40

什么果

<svg id="msvg" width="400" height="400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
        <defs id="defs">
                <radialGradient id="grd" cx="0.25" cy="0.25" r="0.25">
                        <stop offset="5%" stop-color="red"></stop>
                        <stop offset="30%" stop-color="lightgreen"></stop>
                        <stop offset="100" stop-color="darkred"></stop>
                </radialGradient>
                <symbol id="sy" viewBox="0 0 400 400">
                        <circle cx="200" cy="160" r="20" fill="url(#grd)" stroke="pink" stroke-width="2"></circle>
                        <circle cx="150" cy="60" r="20" fill="url(#grd)" stroke="pink" stroke-width="pink" undefined="2"></circle>
                        <circle cx="250" cy="60" r="20" fill="url(#grd)" stroke="pink" stroke-width="2"></circle>
                </symbol>
        </defs>
        <use href="#sy"></use>
        <use href="#sy" transform="rotate(60.00, 200 200)"></use>
        <use href="#sy" transform="rotate(120.00, 200 200)"></use>
        <use href="#sy" transform="rotate(180.00, 200 200)"></use>
        <use href="#sy" transform="rotate(240.00, 200 200)"></use>
        <use href="#sy" transform="rotate(300.00, 200 200)"></use>
</svg>

马黑黑 发表于 2026-6-19 21:41

<div class="hEdiv"><pre class="hEpre">
&lt;svg id="msvg" width="400" height="400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"&gt;
        &lt;defs id="defs"&gt;
                &lt;radialGradient id="grd" cx="0.25" cy="0.25" r="0.25"&gt;
                        &lt;stop offset="5%" stop-color="red"&gt;&lt;/stop&gt;
                        &lt;stop offset="30%" stop-color="lightgreen"&gt;&lt;/stop&gt;
                        &lt;stop offset="100" stop-color="darkred"&gt;&lt;/stop&gt;
                &lt;/radialGradient&gt;
                &lt;symbol id="sy" viewBox="0 0 400 400"&gt;
                        &lt;circle cx="200" cy="160" r="20" fill="url(#grd)" stroke="pink" stroke-width="2"&gt;&lt;/circle&gt;
                        &lt;circle cx="150" cy="60" r="20" fill="url(#grd)" stroke="pink" stroke-width="pink" undefined="2"&gt;&lt;/circle&gt;
                        &lt;circle cx="250" cy="60" r="20" fill="url(#grd)" stroke="pink" stroke-width="2"&gt;&lt;/circle&gt;
                &lt;/symbol&gt;
        &lt;/defs&gt;
        &lt;use href="#sy"&gt;&lt;/use&gt;
        &lt;use href="#sy" transform="rotate(60.00, 200 200)"&gt;&lt;/use&gt;
        &lt;use href="#sy" transform="rotate(120.00, 200 200)"&gt;&lt;/use&gt;
        &lt;use href="#sy" transform="rotate(180.00, 200 200)"&gt;&lt;/use&gt;
        &lt;use href="#sy" transform="rotate(240.00, 200 200)"&gt;&lt;/use&gt;
        &lt;use href="#sy" transform="rotate(300.00, 200 200)"&gt;&lt;/use&gt;
&lt;/svg&gt;

</pre></div>

<script type="module">
    import hl from 'https://638183.freep.cn/638183/web/js/hl.js';
    const divs = document.querySelectorAll('.hEdiv');
    const pres = document.querySelectorAll('.hEpre');
    divs.forEach((div,idx) => hl.hl(div, pres));
</script>

红影 发表于 2026-6-19 22:00

原来是三个小球旋转得到的，这图案很漂亮{:4_204:}

红影 发表于 2026-6-19 22:02

什么果，这上面又没花，应该是无花果{:4_173:}

马黑黑 发表于 2026-6-19 22:59

红影 发表于 2026-6-19 22:00
原来是三个小球旋转得到的，这图案很漂亮

神奇吧

马黑黑 发表于 2026-6-19 22:59

红影 发表于 2026-6-19 22:02
什么果，这上面又没花，应该是无花果

回答正确

梦江南 发表于 2026-6-20 07:46

仔细辩认了一下，发现有三个不同球上的小点组成了18个圆形体。

马黑黑 发表于 2026-6-20 11:09

梦江南 发表于 2026-6-20 07:46
仔细辩认了一下，发现有三个不同球上的小点组成了18个圆形体。

识别正确

杨帆 发表于 2026-6-20 21:38

创意十足，谢谢马老师精彩分享{:4_190:}

红影 发表于 2026-6-20 22:42

马黑黑 发表于 2026-6-19 22:59
神奇吧

是的，很神奇。

马黑黑 发表于 2026-6-20 22:56

杨帆 发表于 2026-6-20 21:38
创意十足，谢谢马老师精彩分享

{:4_180:}

马黑黑 发表于 2026-6-20 22:57

红影 发表于 2026-6-20 22:42
是的，很神奇。

{:4_190:}

查看完整版本: 什么果