0
名单的问题是一个跟进我刚才的问题在这里:
Creating a git commits graph style list with css/js创建使用SVG和HTML/CSS
基本上,我可以在一个git式列表,其中包括SVG,所以当我放大时不会失去它的质量?
尽管基本的:before
和:after
确实有效,但我想知道您是否可以通过某种方式来改善此问题?
谢谢!
名单的问题是一个跟进我刚才的问题在这里:
Creating a git commits graph style list with css/js创建使用SVG和HTML/CSS
基本上,我可以在一个git式列表,其中包括SVG,所以当我放大时不会失去它的质量?
尽管基本的:before
和:after
确实有效,但我想知道您是否可以通过某种方式来改善此问题?
谢谢!
以下是Git提交图的SVG版本。
我使用Path,Circle和Text SVG元素创建了此SVG图形。
您可以根据需要更改填充和笔触颜色。
演示这里:
<svg xmlns="http://www.w3.org/2000/svg" id="Git-Commits" width="350" height="450" viewBox="0 0 350 450">
<path class="svg_img" id="Outline" fill="none" stroke="#010101" stroke-width="2" d="M57.016 43.048v360l108-79v-210z"/>
<circle id="List-Item6" cx="165.016" cy="324.048" r="15.62" fill="#4B5AA8" stroke="#121241" stroke-width="2"/>
<circle id="List-Item5" cx="164.877" cy="253.1" r="15.62" fill="#4B5AA8" stroke="#121241" stroke-width="2"/>
<circle id="List-Item4" cx="164.877" cy="185.48" r="15.62" fill="#4B5AA8" stroke="#121241" stroke-width="2"/>
<circle id="List-Item3" cx="165.016" cy="114.048" r="15.62" fill="#4B5AA8" stroke="#121241" stroke-width="2"/>
<circle id="List-Item2" cx="57.016" cy="403.048" r="15.62" fill="#4B5AA8" stroke="#121241" stroke-width="2"/>
<circle id="List-Item1" cx="57.016" cy="42.107" r="15.62" fill="#4B5AA8" stroke="#121241" stroke-width="2"/>
<text transform="translate(192.016 121.814)" font-family="'MyriadPro-Regular'" font-size="23.257">
\t List item 1
</text>
<text transform="translate(192.016 192.815)" font-family="'MyriadPro-Regular'" font-size="23.257">
\t List item 2
</text>
<text transform="translate(192.016 258.815)" font-family="'MyriadPro-Regular'" font-size="23.257">
\t List item 3
</text>
<text transform="translate(192.016 331.815)" font-family="'MyriadPro-Regular'" font-size="23.257">
\t List item 4
</text>
</svg>
谢谢你这么多!我对SVG图纸不是很熟悉,而且你是一位拯救生命的人! :) 干杯! – Arno
@Amo,很高兴听到!祝你好运! :) –