View this file in your browsers of interest. There will be two columns. The first is the SVG as rendered by the browser. The second is the SVG as interpreted by raphael-svg-import.js. Known across-the-board test failures are hilighted in red.
In order for parts of this demo to work, you must be connected to the
Internet (I load jquery from a CDN) and use a recent browser and enable
local ajax calls in your browser or serve this over http.
Minimum Versions:
You can set up a simple http server using python -m SimpleHTTPServer
| Original | Raphael | ||
|---|---|---|---|
| Elementary Shapes | |||
| Line | |||
| Circle | |||
| Ellipse | |||
| Rectangle | |||
| Rectangle (rounded corners) | |||
| Rectangle (rounded corners, missing rx) | |||
| Rectangle (rounded corners, missing ry) | |||
| Rectangle (rounded corners, asymmetric) | Raphael only supports r, not rx/ry | ||
| Path (lines only) | |||
| Polygon | |||
| Polyline | |||
| Groups | |||
| Group | |||
| Group (with ID) | |||
| Group / transform / translate | |||
| Transforms | |||
| Matrix (scale 70%) | |||
| Matrix (rotate 30 degrees) | |||
| Matrix (translate) | |||
| Matrix (translate, no commas) | |||