jquery input text convert to image

Question

I have this input text code:

$("#text1").keyup(function() {
    $('#text2').text($('#text1').val());
});
$('#text2').draggable({
    containment: 'parent'
});

Question: how to convert it to image in jquery?

@Elen convert that text. I think it has to be an image first, because once it be came an image, I want to add class and with other images i will capture it in php. — Kobjir
– Kobjir, Commented Apr 20, 2012 at 13:29

Matt Ball · Accepted Answer · 2012-04-20 13:22:44Z

2

If I understand the question correctly, you want to convert a piece of text to an image.

Use a <canvas> tag to render text, and then call toDataURL() to get a base64 representation of the image data.

answered Apr 20, 2012 at 13:22

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Show some effort. Read the docs. Try writing some of your own code, and come back when you have a specific problem with a particular step. Stack Overflow is not a Code Writing, Tutorial or Consulting Service.