Javascripts don't work with SVG — How to ship it — Costs & pitfalls

mike_plumbs

The code below should generate 100 random rectangles. But its not working. Can anyone tell me what I am doing wrong?? <html> <head> <script type="text/javascript"> function rectan() { var svgns = "http://www.w3.org/2000/svg"; for (var i = 0; i < 100; i++) { var x = Math.random() * 5000, y = Math.random() * 3000; var rect = document.createElementNS(svgns, 'rect'); rect.setAttributeNS(null, 'x', x); rect.setAttributeNS(null, 'y', y);...

Originally asked by Jake on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

Variant 58.

Variant 583.

uphilltech

Great question — answering as the UphillTech team:

There seems to be an extraneous double quote in the onload attribute. You want this: <body onload="rectan();">

Full answer by Robert Longson: https://stackoverflow.stackexchange.com/a/16603831 (CC BY-SA 4.0).

Want it for your business? UphillTech.