画面領域を取得し、画像として保存してサーバーにアップロードするアプリケーション (Firefox 拡張機能) を作成したいと考えています。
これが私のロードマップです：
最初に、すべてのドメインに適用できるグリースモンキーユーザー スクリプトを作成します。ページが読み込まれると、 という名前の小さなボタンが追加されscreengrab + uploadます。ユーザーがボタンをクリックすると、div要素を描画できるようにマウス ハンドラーが追加されます。
このサイズ変更可能divな要素によって、Web ページ上の長方形の領域を選択します。イベントMouseUpでは、選択した領域に同等のCanvas要素を追加します。
次にtodataurl、関数を使用して、選択した領域を画像/png に変換します。次に、このデータをサーバーにアップロードします。私のサーバーは Web ページのドメインとは異なるため、クロス ドメイン スクリプトを使用してデータ (base64 でエンコードされた画像/png) をサーバーにアップロードする必要があります。
画像をアップロードするためにiframe、自分のドメインから非表示を Web ページに追加します。Web ページから、データがiframe変数としてこれに投稿され、次に からiframe、データが私のサーバーに投稿されます。
最後に、コンパイラ/変換を使用して、グリースモンキー スクリプトを FireFox 拡張機能に変換します。
この方法でこのアプリケーションを作成できますか? これを行う適切な方法を提案してください。