refactor: update star SVG files for improved design and responsiveness

- Reduced dimensions of the SVG elements for both English and Chinese versions to enhance visual appeal.
- Adjusted text positioning and font sizes for better readability.
- Modified star icon sizes and positions to maintain consistency across designs.
This commit is contained in:
lintsinghua 2025-10-27 17:16:31 +08:00
parent 6dfbdcdddc
commit 9012b64c2c
2 changed files with 26 additions and 28 deletions

View File

@ -1,4 +1,4 @@
<svg width="800" height="100" xmlns="http://www.w3.org/2000/svg">
<svg width="600" height="80" xmlns="http://www.w3.org/2000/svg">
<!-- 背景渐变 -->
<defs>
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="0%">
@ -9,7 +9,7 @@
<!-- 星星闪烁效果 -->
<filter id="glow">
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
<feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
@ -18,37 +18,36 @@
</defs>
<!-- 背景 -->
<rect width="800" height="100" rx="12" fill="url(#bgGradient)" />
<rect width="600" height="80" rx="10" fill="url(#bgGradient)" />
<!-- 边框 -->
<rect width="800" height="100" rx="12" fill="none" stroke="#dc2626" stroke-width="2" opacity="0.6"/>
<rect width="600" height="80" rx="10" fill="none" stroke="#dc2626" stroke-width="2" opacity="0.6"/>
<!-- 左侧星星图标 -->
<g transform="translate(50, 50)">
<circle cx="0" cy="0" r="32" fill="#dc2626" opacity="0.15"/>
<path d="M 0,-20 L 4.7,-6.2 L 19.4,-6.2 L 7.8,3.8 L 12.4,17.6 L 0,7.6 L -12.4,17.6 L -7.8,3.8 L -19.4,-6.2 L -4.7,-6.2 Z"
<g transform="translate(40, 40)">
<circle cx="0" cy="0" r="26" fill="#dc2626" opacity="0.15"/>
<path d="M 0,-16 L 3.8,-5 L 15.5,-5 L 6.2,3 L 9.9,14 L 0,6 L -9.9,14 L -6.2,3 L -15.5,-5 L -3.8,-5 Z"
fill="#dc2626" filter="url(#glow)"/>
</g>
<!-- 主文字 -->
<text x="110" y="45" font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif" font-size="32" font-weight="bold" fill="#ffffff">
<text x="80" y="37" font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif" font-size="24" font-weight="bold" fill="#ffffff">
⭐ 如果喜欢,请给个 Star 吧!
</text>
<!-- 副文字 -->
<text x="110" y="75" font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif" font-size="17" fill="#dc2626" font-weight="600">
<text x="80" y="60" font-family="'PingFang SC', 'Microsoft YaHei', Arial, sans-serif" font-size="13" fill="#dc2626" font-weight="600">
无偿开源与维护,您的支持是我们持续改进 XCodeReviewer 的最大动力!
</text>
<!-- 右侧装饰星星 -->
<g transform="translate(760, 30)">
<path d="M 0,-8 L 2,-2.5 L 8,-2.5 L 3.2,1.5 L 5.2,7 L 0,3 L -5.2,7 L -3.2,1.5 L -8,-2.5 L -2,-2.5 Z"
<g transform="translate(570, 25)">
<path d="M 0,-6 L 1.5,-2 L 6,-2 L 2.5,1 L 4,5 L 0,2.5 L -4,5 L -2.5,1 L -6,-2 L -1.5,-2 Z"
fill="#dc2626" opacity="0.6"/>
</g>
<g transform="translate(740, 75)">
<path d="M 0,-6 L 1.5,-2 L 6,-2 L 2.5,1 L 4,5 L 0,2.5 L -4,5 L -2.5,1 L -6,-2 L -1.5,-2 Z"
<g transform="translate(555, 60)">
<path d="M 0,-5 L 1.2,-1.5 L 5,-1.5 L 2,1 L 3.2,4 L 0,2 L -3.2,4 L -2,1 L -5,-1.5 L -1.2,-1.5 Z"
fill="#dc2626" opacity="0.4"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -1,4 +1,4 @@
<svg width="800" height="100" xmlns="http://www.w3.org/2000/svg">
<svg width="600" height="80" xmlns="http://www.w3.org/2000/svg">
<!-- 背景渐变 -->
<defs>
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="0%">
@ -9,7 +9,7 @@
<!-- 星星闪烁效果 -->
<filter id="glow">
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
<feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
@ -18,37 +18,36 @@
</defs>
<!-- 背景 -->
<rect width="800" height="100" rx="12" fill="url(#bgGradient)" />
<rect width="600" height="80" rx="10" fill="url(#bgGradient)" />
<!-- 边框 -->
<rect width="800" height="100" rx="12" fill="none" stroke="#dc2626" stroke-width="2" opacity="0.6"/>
<rect width="600" height="80" rx="10" fill="none" stroke="#dc2626" stroke-width="2" opacity="0.6"/>
<!-- 左侧星星图标 -->
<g transform="translate(50, 50)">
<circle cx="0" cy="0" r="32" fill="#dc2626" opacity="0.15"/>
<path d="M 0,-20 L 4.7,-6.2 L 19.4,-6.2 L 7.8,3.8 L 12.4,17.6 L 0,7.6 L -12.4,17.6 L -7.8,3.8 L -19.4,-6.2 L -4.7,-6.2 Z"
<g transform="translate(40, 40)">
<circle cx="0" cy="0" r="26" fill="#dc2626" opacity="0.15"/>
<path d="M 0,-16 L 3.8,-5 L 15.5,-5 L 6.2,3 L 9.9,14 L 0,6 L -9.9,14 L -6.2,3 L -15.5,-5 L -3.8,-5 Z"
fill="#dc2626" filter="url(#glow)"/>
</g>
<!-- 主文字 -->
<text x="110" y="42" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#ffffff">
<text x="80" y="34" font-family="Arial, sans-serif" font-size="22" font-weight="bold" fill="#ffffff">
⭐ Star this project if you like it!
</text>
<!-- 副文字 -->
<text x="110" y="72" font-family="Arial, sans-serif" font-size="16" fill="#dc2626" font-weight="600">
<text x="80" y="58" font-family="Arial, sans-serif" font-size="12" fill="#dc2626" font-weight="600">
Free and open-source, your support motivates us to keep improving XCodeReviewer!
</text>
<!-- 右侧装饰星星 -->
<g transform="translate(760, 30)">
<path d="M 0,-8 L 2,-2.5 L 8,-2.5 L 3.2,1.5 L 5.2,7 L 0,3 L -5.2,7 L -3.2,1.5 L -8,-2.5 L -2,-2.5 Z"
<g transform="translate(570, 25)">
<path d="M 0,-6 L 1.5,-2 L 6,-2 L 2.5,1 L 4,5 L 0,2.5 L -4,5 L -2.5,1 L -6,-2 L -1.5,-2 Z"
fill="#dc2626" opacity="0.6"/>
</g>
<g transform="translate(740, 75)">
<path d="M 0,-6 L 1.5,-2 L 6,-2 L 2.5,1 L 4,5 L 0,2.5 L -4,5 L -2.5,1 L -6,-2 L -1.5,-2 Z"
<g transform="translate(555, 60)">
<path d="M 0,-5 L 1.2,-1.5 L 5,-1.5 L 2,1 L 3.2,4 L 0,2 L -3.2,4 L -2,1 L -5,-1.5 L -1.2,-1.5 Z"
fill="#dc2626" opacity="0.4"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB