I need help for converting one text to image. Is there any way to do this by js or jquery.. ?
any help would be appreciated.
-
What have you looked into? What do you know about JS? We need a baseline to be able to help.LoveAndCoding– LoveAndCoding2012-05-04 14:38:26 +00:00Commented May 4, 2012 at 14:38
Add a comment
|
4 Answers
Use canvas and print the text on the canvas. After that canvas can be exported to an image.
<canvas id="e" width="200" height="200"></canvas>
<script>
var canvas = document.getElementById("e");
var context = canvas.getContext("2d");
context.fillStyle = "blue";
context.font = "bold 16px Arial";
context.fillText("Your text", 100, 100);
</script>
Comments
Draw your text into a canvas tag.
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.fillText(myText, x, y);
Comments
There is a library that attempts to do this.
http://hertzen.com/experiments/jsfeedback/
Reads the DOM, from the html and render it to a canvas, fail on some, but in general works.
Comments
I suggest you use puppeteer with ejs for better speed. I used it and got like 80 MS speed (average), which is way faster than canvas or any other lib! If you want to use it, feel free to let me know.
1 Comment
Community
Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.