1

JavaScript、HTML、および CSS を使用して、フリーハンドで描画し、メモを入力するスケッチブックを開発したいと考えています。

HTML Canvas で開発してみたのですが、久しぶりにテキストの内容を保存したり、保存したファイルを Canvas で再編集したりといったテキスト編集機能が開発できませんでした。また、キャンバスをテキスト編集機能に使用することはお勧めできないと言われました。

モバイル環境でのテキスト編集と自由な描画機能をサポートするキャンバスの代替案を教えてください。Android および IOS プラットフォームの phonegap でアプリケーションを構築しようとしています。

4

2 に答える 2

1

あなたがしていることをやろうとするための実行可能な解決策は、実際には2つしかありません。

  1. キャンバス
  2. ドム

キャンバス

キャンバスでのテキストのレンダリングは、モバイル デバイスではかなり遅くなる可能性があります。ただし、保存機能を追加するには、テキスト、その位置、および適用した効果を localstorage に保存する必要があります。ロード時に、情報を取得して再描画します。

ドム

実際に DOM で効果を作成するのは、CSS を使用するだけで済むため、非常に簡単です。ただし、保存するには、Javascript (canvas メソッドなど) を使用し、テキスト プロパティを保存する必要があります。

純粋なキャンバス アプローチを使用する場合は、他の機能を含めるのにもおそらく苦労するでしょう。

その他の代替手段

キャンバスとDOM

それぞれに利点があるため、両方を組み合わせて実行できますが、やや複雑になる可能性があります。

閃光

これはiOSを除外しますが、Androidは甘いはずです.

ネイティブ

これには、アプリを 2 回作成する必要があります (ios の場合は object-c、android の場合は java)。しかし、最高のパフォーマンスと機能を得ることができます。

于 2013-02-19T19:32:26.763 に答える
0

DOMスプライトを試すことができます。その良い..デモを確認してください。 http://buildnewgames.com/assets/article//dom-sprites/dom-sprite-demo.html

于 2013-02-19T07:01:52.870 に答える