javascript - HTML5キャンバステキスト編集

Question

fillText(); 編集可能にして値を変数に読み込む方法を使用して、HTML5キャンバスにテキストを入力しましたか？テキストは複雑な多角形の中に書かれるため、キャンバスの内側にある必要があります。

Answer 1

キャンバスからテキストを取得することはできません。必要なことはfillText();、キャンバスを使用してレンダリングする前に、テキストを変数に保持することです。キャンバス内のテキストを編集する場合は、キャンバスを再度ペイントする必要があり、編集したテキストを でレンダリングする場合は、変数からテキストを再度読み取る必要がありますfillText();。

Answer 2

テキストがキャンバスに描画されると、ピクセルになります。元のテキスト (およびポリゴン アウトライン) は保存されません。jpgまたはpngファイルから取得できないように、キャンバスから取得することはできません。

キャンバスが JavaScript によって描画される場合は、テキストを別の場所に保存できます。そうでない場合は、OCR する必要があります。