javascript - 用文本在 Canvas 上注释图像

标签 javascript html5-canvas

我有一个 Canvas ,上面有一个图像。当用户点击 canvas 时,我可以找到点击的 x 和 y 坐标。现在,我想打开一个文本框,用户可以在其中输入内容并将结果写在图像之上。有什么想法吗?

最佳答案

我可以想到几种方法来做到这一点。可能最简单的方法是在 Canvas 上移动临时文本输入 ( <input type="text" /> ),让用户输入,然后在完成后,使用 fillText() 将文本写入 Canvas 。 .我个人会尽可能长时间地保留输入字段中的文本,以便用户可以返回并编辑字段。

关于javascript - 用文本在 Canvas 上注释图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7933145/

相关文章:

javascript getdisplaymedia 以更高分辨率记录

Javascript,显示透明图像。

javascript - 在名称属性 Struts 中连接字符串

javascript - 如何在 Electron.js 中保存在 Canvas 上绘制的图像

javascript - 当用户按 Enter 键时聚焦于下一个表单字段?

javascript - 如何将表单中文本输入字段的宽度设置为页面宽度的百分比?

javascript - HTML5 canvas 上的设计 - 如何加快渲染速度

javascript - touchstart 事件无法在 IPAD 中使用 Animate CC JavaScript

javascript - 如何将子级和孙级 json 数据附加到 TreeView 结构中

javascript - 从匿名函数中中断 while 循环