模仿秀——狐狸头svg简笔画
<svg width="200" height="200" viewBox="-100 -180 200 220"><defs>
<g id="face" fill="red" stroke="black" stroke-width="2.5">
<path d="m0.30001,0.00001c0,0 -42,-57 -94,-50c15,-135.00001 177,-124 183,0c1,0 -61,-3 -89,50z"/>
</g>
<g id="eye" fill="black" stroke="none">
<ellipse cx="0" cy="0" rx="8" ry="18"></ellipse>
</g>
<g id="ear" stroke="black" fill="red" stroke-width="2.5">
<polyline points="-23 25,0 -25,23 25"></polyline>
</g>
<g id="nose">
<circle cx="0" cy="0" r="15" fill="Maroon" stroke="black" stroke-width="3.5"></circle>
</g>
<g id="beard" stroke="black" fill="none" stroke-width="2.5">
<polyline points="-90 -15,0 0,-90 15"></polyline>
</g>
<g id="eye1" stroke="none" fill="white">
<circle cx="0" cy="0" r="3"></circle>
</g>
</defs>
<use x="-40" y="-145" href="#ear"transform="rotate(40)"></use>
<use x="40" y="-145" href="#ear" transform="rotate(-40)"></use>
<use x="0" y="-14" href="#beard"></use>
<use x="0" y="14" href="#beard" transform="rotate(-180)"></use>
<use x="0" y="0" href="#face"></use>
<use x="-25" y="-80" href="#eye" transform="rotate(-6)"></use>
<use x="25" y="-80" href="#eye" transform="rotate(6)"></use>
<use x="-34" y="-85" href="#eye1"></use>
<use x="34" y="-85" href="#eye1"></use>
<use x="-2" y="6" href="#nose"></use>
</svg>
<svg width="200" height="200" viewBox="-100 -180 200 220">
<defs>
<g id="face" fill="red" stroke="black" stroke-width="2.5">
<path d="m0.30001,0.00001c0,0 -42,-57 -94,-50c15,-135.00001 177,-124 183,0c1,0 -61,-3 -89,50z"/>
</g>
<g id="eye" fill="black" stroke="none">
<ellipse cx="0" cy="0" rx="8" ry="18"></ellipse>
</g>
<g id="ear" stroke="black" fill="red" stroke-width="2.5">
<polyline points="-23 25,0 -25,23 25"></polyline>
</g>
<g id="nose">
<circle cx="0" cy="0" r="15" fill="Maroon" stroke="black" stroke-width="3.5"></circle>
</g>
<g id="beard" stroke="black" fill="none" stroke-width="2.5">
<polyline points="-90 -15,0 0,-90 15"></polyline>
</g>
<g id="eye1" stroke="none" fill="white">
<circle cx="0" cy="0" r="3"></circle>
</g>
</defs>
<use x="-40" y="-145" href="#ear"transform="rotate(40)"></use>
<use x="40" y="-145" href="#ear" transform="rotate(-40)"></use>
<use x="0" y="-14" href="#beard"></use>
<use x="0" y="14" href="#beard" transform="rotate(-180)"></use>
<use x="0" y="0" href="#face"></use>
<use x="-25" y="-80" href="#eye" transform="rotate(-6)"></use>
<use x="25" y="-80" href="#eye" transform="rotate(6)"></use>
<use x="-34" y="-85" href="#eye1"></use>
<use x="34" y="-85" href="#eye1"></use>
<use x="-2" y="6" href="#nose"></use>
</svg>
照猫画狐，跟着黑黑画猫头的画法，网上找个图图，也跟着去画个，正好休息天有时间{:4_173:} 感谢黑黑的代码@马黑黑 https://pic.imgdb.cn/item/66ee7333f21886ccc0134352.jpg 网上找的就是这张图，自己感觉画得还挺像。
可能取的path的缘故，画出的东西经常跑视窗外面去了，只能扩大视窗来保证能看到。不知道这个怎么解决{:4_173:} 做的真好，欣赏点赞！
可爱的小狐狸 老谟深虑 发表于 2024-9-21 15:49
做的真好，欣赏点赞！
谢谢老谟深虑鼓励，我不熟，一个个去调，一点点挪位置，折腾老半天呢{:4_173:} 起个网名好难 发表于 2024-9-21 16:14
可爱的小狐狸
谢谢难难，找了个简单的图图，照着弄的{:4_173:} 学到了精髓，我懒的佷！ 亚伦影音工作室 发表于 2024-9-21 16:28
学到了精髓，我懒的佷！
也不算什么，就是调的过程一个个位置要调到比较细致{:4_173:} 红影 发表于 2024-9-21 15:15
<g> 标签没意义，它本意是成组但这里其中都只有一个标签完全可以不用；
如果 不写 width="200" height="200" 图形就是可缩放大小的了。
个人见解不一定对哦。 红影 发表于 2024-9-21 16:26
谢谢难难，找了个简单的图图，照着弄的
那“脸”怎么做出来的？ 找了个可视化工具？ 起个网名好难 发表于 2024-9-21 16:31
标签没意义，它本意是成组但这里其中都只有一个标签完全可以不用；
如果 不写 width="200" height="2 ...
也有意义的，主要是一个个弄出元素，然后去学习怎么对这些元素排兵布阵。
这个就是学习用的啊。
关于大小，其实存为图片后，可以调整图片大小的，所以设多大都没什么关系吧。{:4_173:} 起个网名好难 发表于 2024-9-21 16:33
那“脸”怎么做出来的？ 找了个可视化工具？
我先前想用三段圆弧组装起来，结果没弄出来，后来想起路径的事了，就用路径去描边了。 红影 发表于 2024-9-21 16:35
也有意义的，主要是一个个弄出元素，然后去学习怎么对这些元素排兵布阵。
这个就是学习用的啊。
关于大 ...
<img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItMTAwIC0xODAgMjAwIDIyMCIgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPGRlZnM+DQogICAgICAgIDxwYXRoIGQ9Ik0gMC4zMDAwMSwwIA0KICAgICAgICAgICAgYyAwLDAgLTQyLC01NyAtOTQsLTUwDQogICAgICAgICAgICBjIDE1LC0xMzUgMTc3LC0xMjQgMTgzLDANCiAgICAgICAgICAgIGMgMSwwIC02MSwtMyAtODksNTAgeiINCiAgICAgICAgICAgIGlkPSJmYWNlIiBmaWxsPSJyZWQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMi41Ii8+DQogICAgICAgIDxlbGxpcHNlIGN4PSIwIiBjeT0iMCIgcng9IjgiIHJ5PSIxOCIgaWQ9ImV5ZSIgZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSI+PC9lbGxpcHNlPiAgICAgICANCiAgICAgICAgPHBvbHlsaW5lIHBvaW50cz0iLTIzIDI1LDAgLTI1LDIzIDI1IiBpZD0iZWFyIiBzdHJva2U9ImJsYWNrIiBmaWxsPSJyZWQiIHN0cm9rZS13aWR0aD0iMi41Ij48L3BvbHlsaW5lPg0KICAgICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iMTUiIGZpbGw9Ik1hcm9vbiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzLjUiIGlkPSJub3NlIj48L2NpcmNsZT4NCiAgICAgICAgPHBvbHlsaW5lIHBvaW50cz0iLTkwIC0xNSwwIDAsLTkwIDE1IiBpZD0iYmVhcmQiIHN0cm9rZT0iYmxhY2siIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMi41Ij48L3BvbHlsaW5lPg0KICAgICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iMyIgaWQ9ImV5ZTEiIHN0cm9rZT0ibm9uZSIgZmlsbD0id2hpdGUiPjwvY2lyY2xlPg0KICAgIDwvZGVmcz4NCg0KICAgICAgICA8dXNlIHg9Ii00MCIgeT0iLTE0NSIgaHJlZj0iI2VhciIgdHJhbnNmb3JtPSJyb3RhdGUoNDApIj48L3VzZT4NCiAgICAgICAgPHVzZSB4PSI0MCIgeT0iLTE0NSIgaHJlZj0iI2VhciIgdHJhbnNmb3JtPSJyb3RhdGUoLTQwKSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iMCIgeT0iLTE0IiBocmVmPSIjYmVhcmQiPjwvdXNlPg0KICAgICAgICA8dXNlIHg9IjAiIHk9IjE0IiBocmVmPSIjYmVhcmQiIHRyYW5zZm9ybT0icm90YXRlKC0xODApIj48L3VzZT4NCiAgICAgICAgPHVzZSB4PSIwIiB5PSIwIiBocmVmPSIjZmFjZSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iLTI1IiB5PSItODAiIGhyZWY9IiNleWUiIHRyYW5zZm9ybT0icm90YXRlKC02KSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iMjUiIHk9Ii04MCIgaHJlZj0iI2V5ZSIgdHJhbnNmb3JtPSJyb3RhdGUoNikiPjwvdXNlPg0KICAgICAgICA8dXNlIHg9Ii0zNCIgeT0iLTg1IiBocmVmPSIjZXllMSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iMzQiIHk9Ii04NSIgaHJlZj0iI2V5ZTEiPjwvdXNlPg0KICAgICAgICA8dXNlIHg9Ii0yIiB5PSI2IiBocmVmPSIjbm9zZSI+PC91c2U+DQogICAgICAgDQo8L3N2Zz4=" width="100" alt="">
<img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItMTAwIC0xODAgMjAwIDIyMCIgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPGRlZnM+DQogICAgICAgIDxwYXRoIGQ9Ik0gMC4zMDAwMSwwIA0KICAgICAgICAgICAgYyAwLDAgLTQyLC01NyAtOTQsLTUwDQogICAgICAgICAgICBjIDE1LC0xMzUgMTc3LC0xMjQgMTgzLDANCiAgICAgICAgICAgIGMgMSwwIC02MSwtMyAtODksNTAgeiINCiAgICAgICAgICAgIGlkPSJmYWNlIiBmaWxsPSJyZWQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMi41Ii8+DQogICAgICAgIDxlbGxpcHNlIGN4PSIwIiBjeT0iMCIgcng9IjgiIHJ5PSIxOCIgaWQ9ImV5ZSIgZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSI+PC9lbGxpcHNlPiAgICAgICANCiAgICAgICAgPHBvbHlsaW5lIHBvaW50cz0iLTIzIDI1LDAgLTI1LDIzIDI1IiBpZD0iZWFyIiBzdHJva2U9ImJsYWNrIiBmaWxsPSJyZWQiIHN0cm9rZS13aWR0aD0iMi41Ij48L3BvbHlsaW5lPg0KICAgICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iMTUiIGZpbGw9Ik1hcm9vbiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzLjUiIGlkPSJub3NlIj48L2NpcmNsZT4NCiAgICAgICAgPHBvbHlsaW5lIHBvaW50cz0iLTkwIC0xNSwwIDAsLTkwIDE1IiBpZD0iYmVhcmQiIHN0cm9rZT0iYmxhY2siIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMi41Ij48L3BvbHlsaW5lPg0KICAgICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iMyIgaWQ9ImV5ZTEiIHN0cm9rZT0ibm9uZSIgZmlsbD0id2hpdGUiPjwvY2lyY2xlPg0KICAgIDwvZGVmcz4NCg0KICAgICAgICA8dXNlIHg9Ii00MCIgeT0iLTE0NSIgaHJlZj0iI2VhciIgdHJhbnNmb3JtPSJyb3RhdGUoNDApIj48L3VzZT4NCiAgICAgICAgPHVzZSB4PSI0MCIgeT0iLTE0NSIgaHJlZj0iI2VhciIgdHJhbnNmb3JtPSJyb3RhdGUoLTQwKSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iMCIgeT0iLTE0IiBocmVmPSIjYmVhcmQiPjwvdXNlPg0KICAgICAgICA8dXNlIHg9IjAiIHk9IjE0IiBocmVmPSIjYmVhcmQiIHRyYW5zZm9ybT0icm90YXRlKC0xODApIj48L3VzZT4NCiAgICAgICAgPHVzZSB4PSIwIiB5PSIwIiBocmVmPSIjZmFjZSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iLTI1IiB5PSItODAiIGhyZWY9IiNleWUiIHRyYW5zZm9ybT0icm90YXRlKC02KSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iMjUiIHk9Ii04MCIgaHJlZj0iI2V5ZSIgdHJhbnNmb3JtPSJyb3RhdGUoNikiPjwvdXNlPg0KICAgICAgICA8dXNlIHg9Ii0zNCIgeT0iLTg1IiBocmVmPSIjZXllMSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iMzQiIHk9Ii04NSIgaHJlZj0iI2V5ZTEiPjwvdXNlPg0KICAgICAgICA8dXNlIHg9Ii0yIiB5PSI2IiBocmVmPSIjbm9zZSI+PC91c2U+DQogICAgICAgDQo8L3N2Zz4=" width="200" alt="">
<img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItMTAwIC0xODAgMjAwIDIyMCIgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPGRlZnM+DQogICAgICAgIDxwYXRoIGQ9Ik0gMC4zMDAwMSwwIA0KICAgICAgICAgICAgYyAwLDAgLTQyLC01NyAtOTQsLTUwDQogICAgICAgICAgICBjIDE1LC0xMzUgMTc3LC0xMjQgMTgzLDANCiAgICAgICAgICAgIGMgMSwwIC02MSwtMyAtODksNTAgeiINCiAgICAgICAgICAgIGlkPSJmYWNlIiBmaWxsPSJyZWQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMi41Ii8+DQogICAgICAgIDxlbGxpcHNlIGN4PSIwIiBjeT0iMCIgcng9IjgiIHJ5PSIxOCIgaWQ9ImV5ZSIgZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSI+PC9lbGxpcHNlPiAgICAgICANCiAgICAgICAgPHBvbHlsaW5lIHBvaW50cz0iLTIzIDI1LDAgLTI1LDIzIDI1IiBpZD0iZWFyIiBzdHJva2U9ImJsYWNrIiBmaWxsPSJyZWQiIHN0cm9rZS13aWR0aD0iMi41Ij48L3BvbHlsaW5lPg0KICAgICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iMTUiIGZpbGw9Ik1hcm9vbiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzLjUiIGlkPSJub3NlIj48L2NpcmNsZT4NCiAgICAgICAgPHBvbHlsaW5lIHBvaW50cz0iLTkwIC0xNSwwIDAsLTkwIDE1IiBpZD0iYmVhcmQiIHN0cm9rZT0iYmxhY2siIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMi41Ij48L3BvbHlsaW5lPg0KICAgICAgICA8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iMyIgaWQ9ImV5ZTEiIHN0cm9rZT0ibm9uZSIgZmlsbD0id2hpdGUiPjwvY2lyY2xlPg0KICAgIDwvZGVmcz4NCg0KICAgICAgICA8dXNlIHg9Ii00MCIgeT0iLTE0NSIgaHJlZj0iI2VhciIgdHJhbnNmb3JtPSJyb3RhdGUoNDApIj48L3VzZT4NCiAgICAgICAgPHVzZSB4PSI0MCIgeT0iLTE0NSIgaHJlZj0iI2VhciIgdHJhbnNmb3JtPSJyb3RhdGUoLTQwKSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iMCIgeT0iLTE0IiBocmVmPSIjYmVhcmQiPjwvdXNlPg0KICAgICAgICA8dXNlIHg9IjAiIHk9IjE0IiBocmVmPSIjYmVhcmQiIHRyYW5zZm9ybT0icm90YXRlKC0xODApIj48L3VzZT4NCiAgICAgICAgPHVzZSB4PSIwIiB5PSIwIiBocmVmPSIjZmFjZSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iLTI1IiB5PSItODAiIGhyZWY9IiNleWUiIHRyYW5zZm9ybT0icm90YXRlKC02KSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iMjUiIHk9Ii04MCIgaHJlZj0iI2V5ZSIgdHJhbnNmb3JtPSJyb3RhdGUoNikiPjwvdXNlPg0KICAgICAgICA8dXNlIHg9Ii0zNCIgeT0iLTg1IiBocmVmPSIjZXllMSI+PC91c2U+DQogICAgICAgIDx1c2UgeD0iMzQiIHk9Ii04NSIgaHJlZj0iI2V5ZTEiPjwvdXNlPg0KICAgICAgICA8dXNlIHg9Ii0yIiB5PSI2IiBocmVmPSIjbm9zZSI+PC91c2U+DQogICAgICAgDQo8L3N2Zz4=" width="70" alt="">
红影 发表于 2024-9-21 16:35
也有意义的，主要是一个个弄出元素，然后去学习怎么对这些元素排兵布阵。
这个就是学习用的啊。
关于大 ...
<g> -- group 一个标签成组？
17# 用你的代码如何实现？ 起个网名好难 发表于 2024-9-21 17:04
好玩，这么多小狐狸头{:4_199:} 起个网名好难 发表于 2024-9-21 17:06
-- group 一个标签成组？
17# 用你的代码如何实现？
不知道啊，你这个怎么弄出来的我都不知道，我只是在照猫画狐呢{:4_173:}