Javascript - Capture Image From Text?

ironclaw

Hi Folks,

This is probably impossible but can this be done in JavaScript.

I'm looking to build a form. On that form there will be a text input box. What I want to do with that text is capture it as a image, crop to a certain size and then upload in the usual way through PHP.

Now the problem is some of the text will be superscript and subscript, and everything in between. Is that possible to capture?

Thanks in advance!

EDIT:

Ok, did some digging in the PHP manual and found this: http://www.php.net/manual/en/book.image.php

And in particular this: http://www.php.net/manual/en/image.examples-png.php

However, is there any way to edit that script so that I could output for example and equation? Would require a string to interpet the "sub" tags wouldn't it?

Also, I assume I can take the imagepng($im) output and upload as per usual in a processing file?

ocallagh

I'm sure you could get it to work using the GD library and some custom math fonts installed on the server

http://www.php.net/manual/en/function.imageloadfont.php

ironclaw

Thank you for getting back. In case anyone else comes across this, the phpmathspublisher library is fantastic (http://www.xm1math.net/phpmathpublisher/)