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

Question

我想使用JavaScript，HTML和CSS开发一个草图板，其中包括免费的手绘和打字笔记。

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

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

Answer 1

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

Answer 2

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

1. 帆布
2. 的Dom

帆布

在移动设备上渲染画布中的文本可能非常慢。但是，要添加保存功能，应该只保存文本，位置以及应用于localstorage的任何效果。加载时，检索信息并重新绘制。

DOM

实际上，使用DOM创建效果会非常简单，因为您可以简单地使用CSS。但要保存，你仍然需要使用Javascript（如canvas方法）并存储文本属性。

如果你采用纯粹的画布方法，你可能也很难包含一些其他功能。

---

其他替代方案

画布＆amp; DOM

你可以将两者结合起来，因为每个人都有它的优点 - 但可能会使事情复杂化。

闪存

这将排除iOS，但Android应该是甜蜜的。

本地

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