javascript - 使用 JavaScript 在 Canvas 上一次又一次地写入文本

标签 javascript

我正在编写 JavaScript。我已在 Canvas 上插入图像,并通过另一个功能通过单击按钮将文本从文本框放入 Canvas 图像。但现在的问题是,如果我在文本框中输入不同的文本并一次又一次单击按钮,它会一次又一次地覆盖文本。我希望以前的文本应该清晰,新的文本出现在图像上。我不想清除图像。有人可以帮我吗?

最佳答案

几个选项

  1. 将文本覆盖在另一个元素中并进行更新
  2. 清除并重新绘制 Canvas 的相关部分(需要保留所有绘图命令的历史记录)
  3. 转换为 SVG

Canvas 仅保存绘图的光栅状态。它没有顺序或子元素的概念。第一个可能是最简单的,但在不知道自己在做什么的情况下很难判断。

关于javascript - 使用 JavaScript 在 Canvas 上一次又一次地写入文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26987664/

相关文章:

javascript - token 刷新后 Angular 4 拦截器重试请求

javascript - 如何将 css 应用于 asp.net LinkBut​​ton?

javascript - 如何使用 PHP 和 Javascript 将来自 MySQL 的数据显示到标记上的传单弹出窗口中?

javascript - 如何在 Notepad++ 上安装 JSLint 插件?

php - 下拉选项在选择时会发生变化

javascript - 如何向我的 React 应用程序添加下拉菜单?

javascript - 加了Tampermonkey的onclick是不是调用了函数?

javascript - 按属性值搜索原型(prototype)

javascript - 如何根据 bool 值自动移动 JSON 数据

javascript - JavaScript 中的 JSON 数组中的键数是否有上限?