とある要件で、JavaScript コードによって動的に SVG 要素への "描画" するプログラムを実装した。 canvas 要素ではなく SVG 要素が相手なので、"描画" というよりは、SVG 要素を組み立てていくコードになる。 以下のような感じだ。 HTML 側はこんな感じで、<svg xmlns="http://www.w3.org/2000/svg" id="svg1"></svg>JavaScript コードはこんな感じである。var svg = document.getElementById('svg1'); ... function drawLine(x1, y1, x2, y2) { var line = document.createElementNS('http://www.w3.org/2000/svg', 'line') line.setAttribute('x