2020-10-08

最新推荐文章于 2020-11-22 12:01:36 发布

就想糊糊涂涂

最新推荐文章于 2020-11-22 12:01:36 发布

阅读量133

点赞数

分类专栏：前端基础文章标签： html

本文链接：https://blog.csdn.net/qq_45626944/article/details/108967428

版权

前端基础专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<svg width="1000" height="800">
   <circle cx="250" cy="180" r="150" style=" fill:rgb(0,50,250); stroke:black;stroke-width:6"/>
   <!-- 大头 --> 
  <circle cx="250" cy="200" r="130" style=" fill:rgb(255,255,250);stroke:black;stroke-width:6"/>
   <!-- 脸 --> 
  <circle cx="215" cy="75" r="32" style=" fill:rgb(255,255,250);  stroke:black;stroke-width:5"/>
  <circle cx="285" cy="75" r="32" style=" fill:rgb(255,255,250);stroke:black;stroke-width:5"/>
  <!-- 眼睛*2--> 
  <circle cx="285" cy="75" r="10" style=" fill:rgb(0,0,0);stroke:black;stroke-width:5"/>
  <circle cx="215" cy="75" r="10" style=" fill:rgb(0,0,0); stroke:black;stroke-width:5"/>
  <!-- 黑眼珠*2-->
  <circle cx="280" cy="77" r="5" style=" fill:rgb(255,255,255);stroke:white;stroke-width:5"/>
  <circle cx="220" cy="77" r="5" style=" fill:rgb(255,255,255);stroke:white;stroke-width:5"/>
  <!-- 白眼珠*2-->
  
  <ellipse cx="250" cy="115" rx="25" ry="15" style="fill:red;stroke:red;stroke-width:5"/>
  <!-- 鼻子-->
  
  <line x1="250" y1="132" x2="250" y2="210" style="stroke:rgb(0,0,0);stroke-width:5" /> <!--竖直线-->
  <line x1="270" y1="152" x2="380" y2="120" style="stroke:rgb(0,0,0);stroke-width:5" /> <!--斜上-->
  <line x1="230" y1="152" x2="120" y2="120" style="stroke:rgb(0,0,0);stroke-width:5" /><!--斜上-->
  <line x1="270" y1="170" x2="390" y2="170" style="stroke:rgb(0,0,0);stroke-width:5" /><!--横线-->
  <line x1="230" y1="170" x2="110" y2="170" style="stroke:rgb(0,0,0);stroke-width:5" /><!--横线-->
  <line x1="270" y1="190" x2="375" y2="215" style="stroke:rgb(0,0,0);stroke-width:5" /><!--斜下-->
  <line x1="230" y1="190" x2="125" y2="215" style="stroke:rgb(0,0,0);stroke-width:5" /><!--斜下-->
  <!-- 胡子-->
  
  <path d="M140,180 Q250,350 360,180" style="stroke-width:6;stroke:black;fill:none;"/>
  <!--嘴-->
  <line x1="360" y1="285" x2="440" y2="345" style="stroke:rgb(0,0,0);stroke-width:5" />
  <line x1="355" y1="350" x2="430" y2="385" style="stroke:rgb(0,0,0);stroke-width:5" />
  <!--右臂-->

  <circle cx="450" cy="370" r="28" style=" fill:rgb(255,255,255);stroke:black;stroke-width:5"/>
  <!--右手-->
  
  <circle cx="105" cy="285" r="28" style=" fill:rgb(255,255,255);stroke:black;stroke-width:5"/>
  <!--左手-->
  <path d="M98,312 Q125,340 156,345 M156,343 Q150,460 246,455 246,455 255,446 255,446 264,455 264,455 325,455 M325,457 Q355,400 355,348" style="stroke-width:5;stroke:black;fill:none;"/>
  <!--左臂-->                        <!--下身-->

就想糊糊涂涂

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-10-08

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title></head><body><svg width="1000" height="800"> <circle cx
复制链接

扫一扫

专栏目录