Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptを使用してSVGグラフィックを作成するにはどうすればよいですか？

最新のブラウザはすべてSVGをサポートしており、JavaScriptを使用して簡単に作成できます。 GoogleChromeとFirefoxはどちらもSVGをサポートしています。

JavaScriptを使用して、空のSVGドキュメントオブジェクトモデル（DOM）を作成します。属性を使用して、円や長方形のような形状を作成します。

var mySvg = "https://www.w3.org/2000/svg";
var myDoc = evt.target.ownerDocument;

var myShape = svgDocument.createElementNS(mySvg, "circle");

myShape.setAttributeNS(null, "cx", 40);
myShape.setAttributeNS(null, "cy", 40);
myShape.setAttributeNS(null, "r", 30);

myShape.setAttributeNS(null, "fill", "yellow");

  1. JavaScriptを使用してURLオブジェクトを作成するにはどうすればよいですか？

    以下は、JavaScriptを使用してURLオブジェクトを作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&g

  2. JavaScriptの配列を使用してラジオボタンを動的に作成するにはどうすればよいですか？

    配列を使用してラジオボタンを動的に作成するには、createElement（）およびappendChild（）の概念を使用します。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu