Originally Posted by Arbitrator
Interesting script, although it doesn't work quite as intended:
- The multiple lines functionality described doesn't work at all.
- Setting the outline width to zero results in a single-pixel outline. (I tried to set it to zero because the outlines look messed up for the font Lucida Handwriting. Not sure if that's a bug.)
- Pasting the URL for an SVG image into the image box results in a lot of alert boxes with error messages.
- There's no way to enter a semicolon as a text character.
Also have a few HTML errors. And 1000+ CSS parsing errors due to the script accompanied by many warnings in the Firefox console (Ctrl+Shift+K). Guessing these numerous errors are the reason why the page is so sluggish. (I kept getting scroll delays.)
No, this won't work for SVG or canvas images, just jpegs and such. And you can't use the field separators in the text, or other data, that's prety much a given. And there seems to be no escape character for use in canvas data. As for the multi line thing not working, I can't explain. It works very well on every browser I've tried. Opera, Chrome and Firefox. I haven't tried IE.
The single pixel outline is a default behavior of canvas. I've changed the field separators to the better | which isn't used for much else. Are you on Windows, because I'm on Linux and it works fairly well, except Firefox has some problems. It works really well on Chrome, Opera throws a JS error, but is very cryptic about it. If you try to right click and download the image with Firefox the browser gets buggy, but you may get the image.
It's not presented as something perfected, and a lot has been left out, but someone may be able to make it into something useful.