论坛 › 古风雅韵 › 轱辘诗 TO 马黑黑

红影 发表于 2022-3-17 10:16

轱辘诗 TO 马黑黑

<style>
.hxBox { margin-left: 80px; margin-top: 80px; width: 160px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;}
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>

<div class="hxBox">
      <svg viewBox="0 0 100 100">
                <path d="M 0, 50 a 50, 50 0 1, 1 0, 1 z" id="yuan" />
                <text stroke="#330099">
                        <textPath xlink:href="#yuan">
                              巡碧宇黑龙腾跃马尘轻黑夜行
                        </textPath>
                </text>
      </svg>
</div>

红影 发表于 2022-3-17 10:16

三言：跃，马尘轻。黑夜行，巡碧宇，黑龙腾。
四言：跃马尘轻，轻黑夜行。行巡碧宇，宇黑龙腾。
五绝：腾跃马尘轻，尘轻黑夜行。夜行巡碧宇，碧宇黑龙腾。
七绝：黑龙腾跃马尘轻，跃马尘轻黑夜行，轻黑夜行巡碧宇，行巡碧宇黑龙腾。
十六字令：腾。跃马尘轻黑夜行。巡碧宇，碧宇黑龙腾。

红影 发表于 2022-3-17 10:20

感谢黑黑教的path路径，终于可以把轱辘诗画得很圆了，把一首签名轱辘送给黑黑表示感谢。@马黑黑
不过黑黑的名字嵌起来还真挺不容易的呢{:4_173:}

鹿儿 发表于 2022-3-17 14:55

这个真是见文字功底了，总之，我是填不了的。赞一个。{:5_116:}

红影 发表于 2022-3-17 18:18

鹿儿 发表于 2022-3-17 14:55
这个真是见文字功底了，总之，我是填不了的。赞一个。

谢谢鹿儿鼓励，只是个文字游戏，照顾一下前后句，就可以了，鹿儿也一定能填得出来的呢{:4_187:}

大猫咪 发表于 2022-3-17 23:09

这个填的真棒！ 律句嵌入自然， 红影功底不一般 ，点赞！

老黑快来转 {:4_189:}

{:4_204:}{:4_199:}

红影 发表于 2022-3-17 23:30

大猫咪 发表于 2022-3-17 23:09
这个填的真棒！ 律句嵌入自然， 红影功底不一般 ，点赞！

老黑快来转

谢谢猫猫鼓励{:4_187:}

樵歌 发表于 2022-3-18 07:24

轱辘词音顺溜，黑龙入海，天马行空，填得大气豪放。昨天在的动图就看到了。今天仔细欣赏文字，觉得一律特佳！{:4_187:}

樵歌 发表于 2022-3-18 07:26

另外，问师妹，要把马黑黑这一套学到你目前的程度，师兄要用多少时间？还有，做昨天那动图，你用了多少时间？我看难不能坚持下来？{:4_190:}

樵歌 发表于 2022-3-18 07:27

做好圆呵，师兄心里痒痒的{:4_173:}

小星世龙 发表于 2022-3-18 10:57

佳作精彩，笔触细腻，自然清新，景情融契，韵味深长！

小星世龙 发表于 2022-3-18 10:57

好文采，自然，流畅，新颖，典雅，精彩，悠远，意境尤美，景情互替，韵味浓郁，十分精彩！

红影 发表于 2022-3-18 14:28

樵歌 发表于 2022-3-18 07:24
轱辘词音顺溜，黑龙入海，天马行空，填得大气豪放。昨天在的动图就看到了。今天仔细欣赏文字，觉得一律特佳 ...

他的名字还挺难嵌的，师妹也是硬凑{:4_173:}

红影 发表于 2022-3-18 14:32

樵歌 发表于 2022-3-18 07:26
另外，问师妹，要把马黑黑这一套学到你目前的程度，师兄要用多少时间？还有，做昨天那动图，你用了多少时间 ...

套用特别简单，比如一楼的：

<style>
.hxBox { margin-left: 80px; margin-top: 80px; width: 160px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;}
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>

<div class="hxBox">
      <svg viewBox="0 0 100 100">
                <path d="M 0, 50 a 50, 50 0 1, 1 0, 1 z" id="yuan" />
                <text stroke="#330099">
                        <textPath xlink:href="#yuan">
                              巡碧宇黑龙腾跃马尘轻黑夜行
                        </textPath>
                </text>
      </svg>
</div>

师兄只要把自己的文字放进去就行了。别的都不用动。因为是代码，要先勾选文本和HTML, 然后点发帖，这个圆就出现了呢。

昨天那样的动图师兄也可以套用，放进去自己的图片和歌曲，就做出来了。
套用是最简单的，不用学就会。

红影 发表于 2022-3-18 14:34

樵歌 发表于 2022-3-18 07:27
做好圆呵，师兄心里痒痒的

师兄可以把我刚才的代码换上你以前的轱辘，在跟帖里试验一下，立马就看到了。
因为圆圈是从0度开始转的，为了让第一句在最上面，我把最后的巡碧宇三个字放到前面了。不换也行的。

红影 发表于 2022-3-18 14:34

小星世龙 发表于 2022-3-18 10:57
佳作精彩，笔触细腻，自然清新，景情融契，韵味深长！

多谢小星谬赞，周末快乐{:4_187:}

樵歌 发表于 2022-3-18 19:54

红影 发表于 2022-3-18 14:28
他的名字还挺难嵌的，师妹也是硬凑

就是不好弄呢，但师妹还转得挺顺的。

樵歌 发表于 2022-3-18 20:00

<style>
.hxBox { margin-left: 80px; margin-top: 80px; width: 160px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;}
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>

<div class="hxBox">
      <svg viewBox="0 0 100 100">
                <path d="M 0, 50 a 50, 50 0 1, 1 0, 1 z" id="yuan" />
                <text stroke="#330099">
                        <textPath xlink:href="#yuan">
                              月幽兰谷落空山映碧泉声滴翠
                        </textPath>
                </text>
      </svg>
</div>

樵歌 发表于 2022-3-18 20:04

樵歌 发表于 2022-3-18 20:00

.hxBox { margin-left: 80px; margin-top: 80px; width: 160px; height: 160px; font-family ...

<style>
.hxBox { margin-left: 80px; margin-top: 80px; width: 160px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;}
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>

<div class="hxBox">
      <svg viewBox="0 0 100 100">
                <path d="M 0, 50 a 50, 50 0 1, 1 0, 1 z" id="yuan" />
                <text stroke="#330099">
                        <textPath xlink:href="#yuan">
                              月幽兰谷落空山映碧泉声滴翠
                        </textPath>
                </text>
      </svg>
</div>

樵歌 发表于 2022-3-18 20:08

红影 发表于 2022-3-18 14:32
套用特别简单，比如一楼的：




<style>
.hxBox { margin-left: 80px; margin-top: 80px; width: 160px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;}
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>

<div class="hxBox">
      <svg viewBox="0 0 100 100">
                <path d="M 0, 50 a 50, 50 0 1, 1 0, 1 z" id="yuan" />
                <text stroke="#330099">
                        <textPath xlink:href="#yuan">
                              月幽兰谷落空山映碧泉声滴翠
                        </textPath>
                </text>
      </svg>
</div>

查看完整版本: 轱辘诗 TO 马黑黑