HTML と SVG のコーディングは初めてで、質問があります
URL 検索を使用して 2 つの変数 (AItext と AItextcolour) をインポートする HTML テンプレートを作成しました。これらを使用して SVG コードに渡したいと考えています。AItext を使用してテキスト表示を変更することができましたが、AItextcolour はテキストの色を変更していないようです。
以下は私が使用しているHTMLコードです
<script language="JavaScript">
function get_AI_variables()
{
var parameters = location.search.substring(1).split("&");
document.getElementById("AItext").innerHTML = parameters[0];
document.getElementById("AItextcolour").innerHTML = parameters[1];
}
</script>
<body onload="get_AI_variables()">
<h2>Received: </h2>
<p><b>Text: </b> <text id="AItext"/></p>
<p><b>Fill colour: </b><text id="AItextcolour"/></p>
<svg>
<defs>
<filter id="shadow_filter" x="0" y="0" width="200%" height="200%">
<feOffset result="offOut" in="SourceAlpha" dx="5" dy="5" />
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="5" />
<feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
</filter>
<path id="path1" d="M100 100 C 100 100, 200 0, 400 100" />
</defs>
<text x=0 y=150 fill=url(#AItextcolour) stroke=Blue stroke-width=4 style=font-family:Verdana;font-size:50;font-weight:bold filter=url(#shadow_filter)>
<textPath xlink:href="#path1">
<tref xlink:href="#AItext" />
</textpath>
</text>
</svg>
</body>
フォントサイズ、テキストパス、ストローク幅の変数も必要なので、これらも機能させたいと思います。私の質問は、検索 URL にインポートされた値を取得して、AItext 値で行ったように SVG コードを変更するにはどうすればよいかということです。
事前に助けてくれてありがとう
ガレス