当前位置: 动力学知识库 > 问答 > 编程问答 >

javascript - HTML5 Canvas Text Edit

问题描述:

I have a text filled in HTML5 canvas using fillText();

How to make it editable and read the value into a variable?

The text must be inside canvas, as it will be written inside some complex polygon shape.

网友答案:

You can not get the text from the canvas. What you need to do is to keep the text in a variable before you use fillText(); and render the canvas. When you want to edit the text in the canvas, you have to paint the canvas again, and read the text from the variable again when you want to render the edited text with fillText();.

网友答案:

Take a look at Zebra. It's a set of widgets that render on an html canvas and one of the widgets is a text editor. Looks like it's free, open source, and in addition to providing links to their js files, they have a Git archive up on GitHub. http://www.zebkit.org/

网友答案:

Once the text is drawn to the canvas, it becomes pixels. The original text (and the polygon outline) will not be stored. You can't get it back from the canvas like you can't get it from jpg or png file.

If the canvas is drawn by your JavaScript, you can store the text in some other place. If not, you have to OCR it.

分享给朋友:
您可能感兴趣的文章:
随机阅读: