模仿秀——狐狸头svg简笔画

红影

红影

1. <svg width="200" height="200" viewBox="-100 -180 200 220">
   
2.         <defs>
   
3.                 <g id="face" fill="red" stroke="black" stroke-width="2.5">
   
4.                 <path d="m0.30001,0.00001c0,0 -42,-57 -94,-50c15,-135.00001 177,-124 183,0c1,0 -61,-3 -89,50z"/>
   
5.                 </g>
   
6.                 <g id="eye" fill="black" stroke="none">
   
7.                         <ellipse cx="0" cy="0" rx="8" ry="18"></ellipse>       
   
8.                 </g>
   
9.                 <g id="ear" stroke="black" fill="red" stroke-width="2.5">
   
10.                         <polyline points="-23 25,0 -25,23 25"></polyline>
    
11.                 </g>
    
12.                 <g id="nose">
    
13.                         <circle cx="0" cy="0" r="15" fill="Maroon" stroke="black" stroke-width="3.5"></circle>
    
14.                 </g>
    
15.                 <g id="beard" stroke="black" fill="none" stroke-width="2.5">
    
16.                         <polyline points="-90 -15,0 0,-90 15"></polyline>
    
17.                 </g>
    
18.                 <g id="eye1" stroke="none" fill="white">
    
19.                         <circle cx="0" cy="0" r="3"></circle>
    
20.                 </g>
    
21.         </defs>
    
22. 
    
23.         <use x="-40" y="-145" href="#ear"transform="rotate(40)"></use>
    
24.         <use x="40" y="-145" href="#ear" transform="rotate(-40)"></use>
    
25.         <use x="0" y="-14" href="#beard"></use>
    
26.         <use x="0" y="14" href="#beard" transform="rotate(-180)"></use>
    
27.         <use x="0" y="0" href="#face"></use>
    
28.         <use x="-25" y="-80" href="#eye" transform="rotate(-6)"></use>
    
29.         <use x="25" y="-80" href="#eye" transform="rotate(6)"></use>
    
30.         <use x="-34" y="-85" href="#eye1"></use>
    
31.         <use x="34" y="-85" href="#eye1"></use>
    
32.         <use x="-2" y="6" href="#nose"></use>
    
33.        
    
34. </svg>
    

复制代码

红影

照猫画狐，跟着黑黑画猫头的画法，网上找个图图，也跟着去画个，正好休息天有时间

红影

感谢黑黑的代码@马黑黑

红影

                               
登录/注册后可看大图

红影

网上找的就是这张图，自己感觉画得还挺像。
可能取的path的缘故，画出的东西经常跑视窗外面去了，只能扩大视窗来保证能看到。不知道这个怎么解决

老谟深虑

           做的真好，欣赏点赞！

起个网名好难

可爱的小狐狸

红影

老谟深虑 发表于 2024-9-21 15:49
做的真好，欣赏点赞！

谢谢老谟深虑鼓励，我不熟，一个个去调，一点点挪位置，折腾老半天呢

红影

起个网名好难 发表于 2024-9-21 16:14
可爱的小狐狸

谢谢难难，找了个简单的图图，照着弄的

亚伦影音工作室

学到了精髓，我懒的佷！

红影

亚伦影音工作室 发表于 2024-9-21 16:28
学到了精髓，我懒的佷！

也不算什么，就是调的过程一个个位置要调到比较细致

起个网名好难

红影 发表于 2024-9-21 15:15

<g> 标签没意义，它本意是成组但这里其中都只有一个标签完全可以不用；

如果 不写 width="200" height="200" 图形就是可缩放大小的了。

个人见解不一定对哦。

起个网名好难

红影 发表于 2024-9-21 16:26
谢谢难难，找了个简单的图图，照着弄的

那“脸”怎么做出来的？ 找了个可视化工具？

红影

起个网名好难 发表于 2024-9-21 16:31
标签没意义，它本意是成组但这里其中都只有一个标签完全可以不用；

如果 不写 width="200" height="2 ...

也有意义的，主要是一个个弄出元素，然后去学习怎么对这些元素排兵布阵。
这个就是学习用的啊。
关于大小，其实存为图片后，可以调整图片大小的，所以设多大都没什么关系吧。

红影

起个网名好难 发表于 2024-9-21 16:33
那“脸”怎么做出来的？ 找了个可视化工具？

我先前想用三段圆弧组装起来，结果没弄出来，后来想起路径的事了，就用路径去描边了。

起个网名好难

红影 发表于 2024-9-21 16:35 也有意义的，主要是一个个弄出元素，然后去学习怎么对这些元素排兵布阵。 这个就是学习用的啊。 关于大 ...

起个网名好难

红影 发表于 2024-9-21 16:35
也有意义的，主要是一个个弄出元素，然后去学习怎么对这些元素排兵布阵。
这个就是学习用的啊。
关于大 ...

<g> -- group 一个标签成组？

17# 用你的代码如何实现？

红影

起个网名好难 发表于 2024-9-21 17:04

好玩，这么多小狐狸头

红影

起个网名好难 发表于 2024-9-21 17:06
-- group 一个标签成组？

17# 用你的代码如何实现？

不知道啊，你这个怎么弄出来的我都不知道，我只是在照猫画狐呢