JavaScript/HTML5 - 获取 Canvas 对象文本？

Question

我正在使用 javascript/html 并尝试从页面上已创建的 Canvas 对象中获取文本。

我想在页面加载后单击按钮并查看 Canvas 对象中的文本。这是我正在尝试的代码。

var CheckCanvas = document.getElementById(className);
var CheckContext = CheckCanvas.getContext('2d');

alert( 'btn text: ' + CheckContext.Text );

我还尝试获取“fillText”属性，但无法从对象中获取文本。

任何帮助将不胜感激。我确信这很简单，但我找不到解决方案。

谢谢。

Answer 1

您将无法从 Canvas 对象获取文本，因为它是图像。但是，您可以在绘制文本之前将文本存储在变量中，然后稍后输出。

var text = "Hello";

conxtext.fillText(text, 100, 100);

alert("value: " + text);