console
<svg width="1000"height="1000 ">
<!-- <rect width="200" height="400"fill="purple"stroke-width="3"stroke="yellow"/>
<circle r="50"cx="100"cy="80"fill="red"/>
<circle r="50"cx="100"cy="200"fill="yellow"/>
<circle r="50"cx="100"cy="320"fill="green"/>
<rect width="80"height="80"rx="20"ry="40"x="30"y="150"/> -->
<!-- <ellipse cx="200"cy="200"rx="160"ry="60"fill="brown"/>
<ellipse cx="200"cy="150"rx="160"ry="60"fill/>
<ellipse cx="200"cy="100"rx="160"ry="60"fill="brown"stroke="green"stroke-dasharray="8"/>
<line x1="300"y1="300"x2="500"y2="500"stroke="purple"stroke-dasharray="8"/>
<polyline points="250,250 350,250 300,250 300,400"fill="none"stroke="black"/> -->
<!-- <polygon points="75,45 125,45 85,75 100,25 115,75"fill="yellow"/> -->
<!-- <text x="100"y="100"stroke="pink"fill="tomato"font-size="100px"stroke-width="3"stroke-dasharray="15">哈嘿哈嘿</text> -->
<!-- <rect width="200"height="80"fill="gray">
<set attributeName="fill"to="orange"begin="mouseover"/>
</rect>
<rect width="200"height="80"fill="gray"y="80">
<set attributeName="fill"to="orange"begin="mouseover"/>
</rect> -->
<!-- <rect width="200"height="80"x="100"y="100">
<set attributeName="y"to="translate"begin="mouseover"
</rect> -->
<rect width="300"height="200""transform-origin="center"fill="red"/>
<polygon points="75,45 125,45 85,75 100,25 115,75"fill="yellow"transform="translate(-35,10)"/>
<polygon points="75,45 125,45 85,75 100,25 115,75"fill="yellow"transform="scale(0.5)translate(160,-40)rotate(30)"/>
<polygon points="75,45 125,45 85,75 100,25 115,75"fill="yellow"transform="scale(0.5)translate(200,20)rotate(30)"/>
<polygon points="75,45 125,45 85,75 100,25 115,75"fill="yellow"transform="scale(0.5)translate(180,85)rotate(30)"/>
<polygon points="75,45 125,45 85,75 100,25 115,75"fill="yellow"transform="scale(0.5)translate(130,130)rotate(30)"/>
</svg>