他人的svg单身狗
<svg version="1.1" width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><polyline fill="#fddb55" points="120,80 250,180 120,180 120,80" stroke="#583504" stroke-width="3"/>
<polylinepoints="370,80 250,180 370,180 370,80" stroke="#583504" stroke-width="3" fill="#fddb55"/>
<circle cx="250" cy="250" r="150" stroke="#583504" stroke-width="3" fill="#fddb55"/>
<circle cx="183" cy="178" r="16" fill="#fff"/>
<circle cx="273" cy="180" r="18" fill="#fff"/>
<g>
<ellipse cx="170" cy="215" rx="45" ry="20" stroke="#583504" stroke-width="3" fill="#fff"/>
<circle cx="185" cy="215" r="18" stroke="#583504" stroke-width="1" fill="#583504"/>
</g>
<g>
<ellipse cx="300" cy="215" rx="45" ry="20" stroke="#583504" stroke-width="3" fill="#fff"/>
<circle cx="315" cy="215" r="18" stroke="#583504" stroke-width="1" fill="#583504"/>
</g>
<g>
<path transform='translate(117 235) scale(1.6)' fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M39.9,12.9c2.5-7.5,9.3-11.6,20.4-12.3S80.1,3,86.4,10c6.7-5.6,15.7-8.7,26.9-9.4s20.5,2.5,28,9.4 c13.3,14.8,13.3,32.5,0,53.1c-16.7,22.1-38.5,33.1-65.3,33c-15.7-0.4-31.9-6.7-48.6-19.1C9.4,63.9,0.3,49.6,0.2,34.4 c0.3-9.8,4.6-17,13-21.5S30.5,8.3,39.9,12.9z"/>
<ellipse cx="225" cy="285" rx="30" ry="18" stroke="#583504" stroke-width="3" fill="#583504"/>
<line x1="225"y1="295" x2="225" y2="325" stroke="#583504" stroke-width="5""></line>
<line x1="190"y1="325" x2="275" y2="325" stroke="#583504" stroke-width="5"></line>
</g>
</svg>
代码(略作修改):
<svg version="1.1" width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<polyline fill="#fddb55" points="120,80 250,180 120,180 120,80" stroke="#583504" stroke-width="3"/>
<polylinepoints="370,80 250,180 370,180 370,80" stroke="#583504" stroke-width="3" fill="#fddb55"/>
<circle cx="250" cy="250" r="150" stroke="#583504" stroke-width="3" fill="#fddb55"/>
<circle cx="183" cy="178" r="16" fill="#fff"/>
<circle cx="273" cy="180" r="18" fill="#fff"/>
<g>
<ellipse cx="170" cy="215" rx="45" ry="20" stroke="#583504" stroke-width="3" fill="#fff"/>
<circle cx="185" cy="215" r="18" stroke="#583504" stroke-width="1" fill="#583504"/>
</g>
<g>
<ellipse cx="300" cy="215" rx="45" ry="20" stroke="#583504" stroke-width="3" fill="#fff"/>
<circle cx="315" cy="215" r="18" stroke="#583504" stroke-width="1" fill="#583504"/>
</g>
<g>
<path transform='translate(117 235) scale(1.6)' fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M39.9,12.9c2.5-7.5,9.3-11.6,20.4-12.3S80.1,3,86.4,10c6.7-5.6,15.7-8.7,26.9-9.4s20.5,2.5,28,9.4 c13.3,14.8,13.3,32.5,0,53.1c-16.7,22.1-38.5,33.1-65.3,33c-15.7-0.4-31.9-6.7-48.6-19.1C9.4,63.9,0.3,49.6,0.2,34.4 c0.3-9.8,4.6-17,13-21.5S30.5,8.3,39.9,12.9z"/>
<ellipse cx="225" cy="285" rx="30" ry="18" stroke="#583504" stroke-width="3" fill="#583504"/>
<line x1="225"y1="295" x2="225" y2="325" stroke="#583504" stroke-width="5""></line>
<line x1="190"y1="325" x2="275" y2="325" stroke="#583504" stroke-width="5"></line>
</g>
</svg>
看上去挺可爱的。 表情包,也能用代码来描啊?太厉害了!{:4_199:} 原来这个是代码绘制的,好有趣{:4_199:} svg真强大{:4_204:} 红影 发表于 2024-9-15 14:06
原来这个是代码绘制的,好有趣
有人手动制作过很复杂的场景,栩栩如生 马黑黑 发表于 2024-9-15 23:45
有人手动制作过很复杂的场景,栩栩如生
第一这人观察细致,第二代码很熟练。厉害。 红影 发表于 2024-9-15 23:49
第一这人观察细致,第二代码很熟练。厉害。
数学要好、构图能力得有 马黑黑 发表于 2024-9-16 07:43
数学要好、构图能力得有
是的。这个既然是绘制的,应该就能制作动画了,比如让狗狗的眼睛左右移动。 红影 发表于 2024-9-16 09:18
是的。这个既然是绘制的,应该就能制作动画了,比如让狗狗的眼睛左右移动。
{:4_181:} 马黑黑 发表于 2024-9-16 10:15
这个好玩{:4_173:}
页:
[1]