結果を表示する
元にもどす
◀︎
B
▶︎
<html lang="ja"> <meta charset="utf-8"> <meta name="viewport"content="width=device-width,initial-scale=1.0"> <svg xmlns="http://www.w3.org/2000/svg"width="400px"height="400px"viewBox="0 0 200 200"> <path d="M12,4c-4.9,0-9,4.1-9,9s4.1,9,9,9s9-4.1,9-9S16.9,4,12,4z M12,20c-3.8,0-7-3.2-7-7s3.2-7,7-7s7,3.2,7,7S15.8,20,12,20z"/> <path d="M13,8h-2v4H7v2h4v4h2v-4h4v-2h-4V8z M20.3,6.7l-3-3l1.4-1.4l3,3L20.3,6.7z M5.3,2.3l1.4,1.4l-3,3L2.3,5.3L5.3,2.3z"/> </svg> <pre> <svg xmlns="http://www.w3.org/2000/svg"width="400px"height="400px"viewBox="0 0 200 200"> <path d="M12,4c-4.9,0-9,4.1-9,9s4.1,9,9,9s9-4.1,9-9S16.9,4,12,4z M12,20c-3.8,0-7-3.2-7-7s3.2-7,7-7s7,3.2,7,7S15.8,20,12,20z"/> <path d="M13,8h-2v4H7v2h4v4h2v-4h4v-2h-4V8z M20.3,6.7l-3-3l1.4-1.4l3,3L20.3,6.7z M5.3,2.3l1.4,1.4l-3,3L2.3,5.3L5.3,2.3z"/> </svg> </pre> <hr> <p style="font-size:1.2em;">タイマー・ボタンの作成</p> <p style="font-size:1.2em;">Illustrator : 文字入力 / アウトライン化で文字の形状を作る /<br> SVG書き出し / SVGコードをwebページで表示させる</p> <img src="mark_01.png"width="300"> <br> <img src="mark_02.png"width="300"> </html>