努力したWiki

推敲の足りないメモ書き多数

ユーザ用ツール

サイト用ツール


documents:other:junk-026

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
documents:other:junk-026 [2025/09/08 22:48] – [スクリプト無し] k896951documents:other:junk-026 [2025/09/08 22:48] (現在) – [スクリプト有り] k896951
行 10: 行 10:
  
 画像のテキストにonClickイベントを入れてみた。 画像のテキストにonClickイベントを入れてみた。
-<html> + 
-<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg" > +{{:documents:other:samplesvg2.svg?nolink |}
-  <path d="M50 200 C 80 100, 150 50, 200 80 S 250 200, 200 300 S 100 350, 50 280 C 20 250, 50 150, 150 100 C 250 50, 350 100, 400 200 S 450 300, 400 350 S 300 400, 250 300" +
-        stroke="red" stroke-width="3" fill="none" /> +
-  <text x="100" y="350" font-family="Arial" font-size="48" fill="red" +
-        filter="url(#shadow)" onclick="showAlert()"> +
-    SVG sample! +
-  </text> +
-  <filter id="shadow"> +
-    <feDropShadow dx="2" dy="2" stdDeviation="2" flood-color="black"/> +
-  </filter> +
-  <script type="text/javascript"> +
-    function showAlert() { +
-      alert("SVG画像をクリックしちゃったね!"); +
-    +
-  </script> +
-</svg> +
-</html>+
  
documents/other/junk-026.txt · 最終更新: by k896951

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki