javascript - HTML5キャンバスでテキストが重ならないようにする方法

Question

ユーザーからテキストを取得し、キャンバスに表示しています。繰り返しますが、ユーザーが同じ位置に別のテキストを入力すると、テキストが重なって置き換えられません。この問題を解決するにはどうすればよいですか?

Answer 1

使っclearRectてクリア！

context.clearRect(0, 0, canvas.width, canvas.height);

Answer 2

キャンバス上でシーンを実際にどのようにペイントしているかによって異なります。

そのテキストをクリアするためにできることは次のとおりです。

• オブジェクト指向のキャンバス フレームワークのように、キャンバスに描画された要素を (オブジェクトと配列を使用して) 追跡している場合は、テキストを追跡するそのオブジェクトを削除します。シーン (または部分) の次の再描画中に、テキストは描画されません。

• または、すばやく簡単に行うには、テキストの上に背景と一致する長方形を描きます。紙のインクの上に修正液を置くのと同じです。