马黑黑 发表于 2025-10-4 19:40

改进版马黑整站系统公章

<p style="font-size: 18px;">红薯有大有小，经 @樵歌 点拨，感觉章子底部的文字也应该是绕圆弧布排的，因此另加一个文本路径，并考虑观赏习惯，文本没有像正常公章那样安排文本朝向。以下是效果——<br><br></p>
<svg id="msvg" width="300" height="300" viewBox="-200 -200 400 400">

<script type="module">
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.mod.js';
    var dr = Dr.dr(msvg);
       
        dr.defs('defs');
    dr.path('M0 155 A155 155 0 0 1 0 -155 A155 155 0 0 1 0 155').id('arc1').addTo('defs');
    dr.path('M-155 0 A105 105 0 0 0 155 0').id('arc2').addTo('defs');
    dr.circle(0, 0, 190, 'none', 'darkred', 8);
    dr.text('马黑PHP文本库整站系统').textPath('arc1', '50%').style(`
          fill: deeppink;
      font: bold 40px sans-serif;
      text-anchor: middle;
          dominant-baseline: middle;
      letter-spacing: 10px;
      text-shadow: 1px 1px 2px #000;
    `);
    dr.text('天高几许问真龙')
      .sets({'textLength': 240, lengthAjust: 'spacing'})
      .textPath('arc2', '50%').style(`
      fill: deeppink;
      font: normal 24px sans-serif;
      text-anchor: middle;
          dominant-baseline: hanging;
      text-shadow: 1px 1px 1px #000;
    `);
    dr.path('M0 0 C-100 100,100 100,0 0','pink').rotates(4);
    //console.log(arc2.getTotalLength()); //486.91
</script>

马黑黑 发表于 2025-10-4 19:43

代码：

<svg id="msvg" width="400" height="400" viewBox="-200 -200 400 400">

<script type="module">
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.mod.js';
    var dr = Dr.dr(msvg);
       
        dr.defs('defs');
    dr.path('M0 155 A155 155 0 0 1 0 -155 A155 155 0 0 1 0 155').id('arc1').addTo('defs');
    dr.path('M-155 0 A105 105 0 0 0 155 0').id('arc2').addTo('defs');
    dr.circle(0, 0, 190, 'none', 'darkred', 8);
    dr.text('马黑PHP文本库整站系统').textPath('arc1', '50%').style(`
          fill: deeppink;
      font: bold 40px sans-serif;
      text-anchor: middle;
          dominant-baseline: middle;
      letter-spacing: 10px;
      text-shadow: 1px 1px 2px #000;
    `);
    dr.text('天高几许问真龙')
      .sets({'textLength': 240, lengthAjust: 'spacing'})
      .textPath('arc2', '50%').style(`
      fill: deeppink;
      font: normal 18px sans-serif;
      text-anchor: middle;
          dominant-baseline: hanging;
      text-shadow: 1px 1px 1px #000;
    `);
    dr.path('M0 0 C-100 100,100 100,0 0','pink').rotates(4);
    //console.log(arc2.getTotalLength()); //486.91
</script>

小辣椒 发表于 2025-10-4 21:03

盗版了一个，顺便给黑黑介绍生意，赚钱{:4_170:}

红影 发表于 2025-10-4 21:07

黑黑真仔细，就为一句话还做了改进版。
这个漂亮{:4_199:}

樵歌 发表于 2025-10-4 21:27

这个好能弯曲了，俺们小修士不用昂贵的空间戒指也能收纳啦{:4_189:}

马黑黑 发表于 2025-10-4 22:52

樵歌 发表于 2025-10-4 21:27
这个好能弯曲了，俺们小修士不用昂贵的空间戒指也能收纳啦

svg的作品基本上可大可小，一般不会失真，尤其是变大会更清晰

马黑黑 发表于 2025-10-4 22:53

红影 发表于 2025-10-4 21:07
黑黑真仔细，就为一句话还做了改进版。
这个漂亮

玩玩而已

马黑黑 发表于 2025-10-4 22:53

小辣椒 发表于 2025-10-4 21:03
盗版了一个，顺便给黑黑介绍生意，赚钱

钱钱五五开
页: [1]
查看完整版本: 改进版马黑整站系统公章