Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何检索画布上作为字符串写入的文本_Javascript_Html_Html5 Canvas - Fatal编程技术网

Javascript 如何检索画布上作为字符串写入的文本

Javascript 如何检索画布上作为字符串写入的文本,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我已经使用filltext()在画布上编写了文本。现在在另一个函数中,我想以字符串的形式检索该值。如果有人能帮我的话。 提前感谢。将文本写入画布时,还要向包含文本本身的画布对象添加自定义属性。当您想要检查它时,只需查询该属性。因此: myCanvas.getContext("2d").filltext(theText,x,y,maxWidth); myCanvas.addedText = theText; 后来呢, var textToCheck = myCanvas.addedText;

我已经使用filltext()在画布上编写了文本。现在在另一个函数中,我想以字符串的形式检索该值。如果有人能帮我的话。
提前感谢。

将文本写入画布时,还要向包含文本本身的画布对象添加自定义属性。当您想要检查它时,只需查询该属性。因此:

myCanvas.getContext("2d").filltext(theText,x,y,maxWidth);
myCanvas.addedText = theText;
后来呢,

var textToCheck = myCanvas.addedText;

将文本写入画布时,还要向包含文本本身的画布对象添加自定义属性。当您想要检查它时,只需查询该属性。因此:

myCanvas.getContext("2d").filltext(theText,x,y,maxWidth);
myCanvas.addedText = theText;
后来呢,

var textToCheck = myCanvas.addedText;

当作者使用fillText或strokeText在画布上渲染文本时, 它们还必须添加具有相同文本的html元素(div或span), 设置样式并定位到画布子DOM。对象的边界框 应使用setElementPath方法设置文本(请参见 )

这使得用户代理可以使用子DOM文本来传递 可访问体验,因为子DOM文本充当 位图中的渲染文本

带有黑色边框的A。背景是一个粉红色的圆圈。部分覆盖圆圈的是一个绿色正方形和一个紫色三角形,两者都是半透明的,因此可以在下方看到整个圆圈。

因此,您只需在用户输入文本时,将其存储在canvas元素内的div中

当作者使用fillText或strokeText在画布上渲染文本时, 它们还必须添加具有相同文本的html元素(div或span), 设置样式并定位到画布子DOM。对象的边界框 应使用setElementPath方法设置文本(请参见 )

这使得用户代理可以使用子DOM文本来传递 可访问体验,因为子DOM文本充当 位图中的渲染文本

带有黑色边框的A。背景是一个粉红色的圆圈。部分覆盖圆圈的是一个绿色正方形和一个紫色三角形,两者都是半透明的,因此可以在下方看到整个圆圈。


因此,您只需在用户输入文本时,将其存储在canvas元素内的div中

到目前为止你都试了些什么?我不知道怎么做。为什么?这就像说“我在打字机上打了一页,然后把它放进了复印机,现在我怎么能把它读回文本文件?”。您不需要这样做。我使用prompt从用户处获取输入,并使用fillText()编写。现在我想检查他输入的所有字符是否正确correct@VijetaKarani只需保存写的值。到目前为止你都尝试了什么?我不知道该怎么做。为什么?这就像说“我在打字机上打了一页,然后把它放进了复印机,现在我怎么能把它读回文本文件?”。您不需要这样做。我使用prompt从用户处获取输入,并使用fillText()编写。现在我想检查他输入的所有字符是否正确correct@VijetaKarani只需保存写入的值。