改进版马黑整站系统公章

马黑黑

红薯有大有小，经 @樵歌 点拨，感觉章子底部的文字也应该是绕圆弧布排的，因此另加一个文本路径，并考虑观赏习惯，文本没有像正常公章那样安排文本朝向。以下是效果——

马黑黑

代码：

1. <svg id="msvg" width="400" height="400" viewBox="-200 -200 400 400">
   
2. 
   
3. <script type="module">
   
4.         import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.mod.js';
   
5.     var dr = Dr.dr(msvg);
   
6.        
   
7.         dr.defs('defs');
   
8.     dr.path('M0 155 A155 155 0 0 1 0 -155 A155 155 0 0 1 0 155').id('arc1').addTo('defs');
   
9.     dr.path('M-155 0 A105 105 0 0 0 155 0').id('arc2').addTo('defs');
   
10.     dr.circle(0, 0, 190, 'none', 'darkred', 8);
    
11.     dr.text('马黑PHP文本库整站系统').textPath('arc1', '50%').style(`
    
12.             fill: deeppink;
    
13.         font: bold 40px sans-serif;
    
14.         text-anchor: middle;
    
15.             dominant-baseline: middle;
    
16.         letter-spacing: 10px;
    
17.         text-shadow: 1px 1px 2px #000;
    
18.     `);
    
19.     dr.text('天高几许问真龙')
    
20.       .sets({'textLength': 240, lengthAjust: 'spacing'})
    
21.       .textPath('arc2', '50%').style(`
    
22.         fill: deeppink;
    
23.         font: normal 18px sans-serif;
    
24.         text-anchor: middle;
    
25.             dominant-baseline: hanging;
    
26.         text-shadow: 1px 1px 1px #000;
    
27.     `);
    
28.     dr.path('M0 0 C-100 100,100 100,0 0','pink').rotates(4);
    
29.     //console.log(arc2.getTotalLength()); //486.91
    
30. </script>

复制代码

小辣椒

盗版了一个，顺便给黑黑介绍生意，赚钱

红影

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

樵歌

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

马黑黑

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

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

马黑黑

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

玩玩而已

马黑黑

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

钱钱五五开