結果を表示する
元にもどす
<html> <meta charset="utf-8"> <svg height="500"width="500"viewBox="0 0 500 500"> <rect height="300"width="300"x="20"y="20"fill="#abcdef"opacity="0.2"/> <circle cx="165"cy="100"r="30"fill="#0000ff"> <animate attributeName="cy"values="100;200;100;300;100;400;100;300;100"dur="5s"begin="ムービング.click"calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1"fill="remove"/> </circle> <rect id="ムービング"height="50"width="50"x="140"y="140"fill="silver"cursor="pointer"/> <text x="160"y="170"font-size="12"fill="red">▼</text> </svg> </html>