javascript - Canvas 在应用程序中进行文本编辑的替代方法是什么

Question

我想使用 JavaScript、HTML 和 CSS 开发一个画板，其中包括自由手绘和打字笔记。

我尝试使用 HTML Canvas 进行开发，但很长一段时间后，我无法开发文本编辑功能，例如保存文本内容并在 Canvas 中重新编辑保存的文件。而且我被告知不建议使用画布进行文本编辑功能。

建议我一个很好的画布替代品，它支持移动环境的文本编辑和免费绘图功能。我正在尝试在 phonegap 中为 android 和 IOS 平台构建应用程序。

Answer 1

实际上只有两种可行的解决方案可以尝试做你正在做的事情，那就是

1. 帆布
2. 多姆

帆布

在移动设备上渲染画布中的文本可能会很慢。但是，要添加您的保存功能，它应该只是保存文本、其位置以及您已应用于本地存储的任何效果的情况。在加载时，检索信息并重新绘制它。

DOM

实际上，使用 DOM 创建效果会容易得多，因为您可以简单地使用 CSS。但是要保存，您仍然必须使用 Javascript（如 canvas 方法）并存储您的文本属性。

如果您采用纯画布方法，您可能还很难包含一些其他功能。

---

其他选择

画布和 DOM

您可以将两者结合起来，因为每个都有它的优势 - 但可能会使事情变得有些复杂。

闪光

这将排除iOS，但Android应该很不错。

本国的

这将要求您的应用程序编写两次（ios 为objective-c，android 为java）。但您将获得最佳性能和功能。

Answer 2

你可以试试 DOM Sprites..它很好..检查演示。 http://buildnewgames.com/assets/article//dom-sprites/dom-sprite-demo.html