[js]クリップボードにアルファ値のある画像をコピーする方法

前提・実現したいこと

HTML+javascriptを使い、ブラウザ上で画像処理を行うプログラムを作ろうとしています。
画像処理を行ったあと、その画像の上でブラウザ機能の[右クリックメニュー]＞[画像をコピー]を行い、
その後ペイントソフトのClipPaintStudioに貼り付けて利用しようと思っていますが、
透明な部分を持つ画像をうまくコピーすることが出来ませんでした。
透明度を維持したまま貼り付ける方法をご教授ください。

発生している問題・エラーメッセージ

[画像をコピー]をした後、ペイントソフトで貼り付けを行ったところ、
透明度情報が失われ透明な部分がまっくろになってしまいました。

クリップボードは透明度を保持できないのでしょうか？
ClipPaint上でなら透明度のある画像もコピー＞ペースト出来ていたので、予想しておりませんでした。


### 試したこと
画像処理を行った後、右クリックから[画像を保存]を行うと、透明度を失わずに保存できているようで、
ClipPaintStudioで開くと透明度を維持しておりました。

### 補足情報（FW/ツールのバージョンなど）
動作はWin7、最新版のChrome,Operaにて行いました。

問題の起こる画像ファイルを追加いたしました。
![イメージ説明](1e2144ad4ebe6b7d64652359c4a5b525.png)
左上の円系は透明で、画面全体右下にいくほど透明度が増していくようになっております。
画像はpng形式です。

目的としてはここに更にlineToなどで図形を描いたりした後、クリップボードへ透明度を保ったままコピーしたいと考えております。

Lhankor_Mhy

2020/06/20 00:59 編集

そのアルファチャンネルがついている画像をご提示ください。

Lhankor_Mhy

2020/06/20 01:01

アルファチャンネルではなくて、透明度でしたね。失礼しました。画像の方、よろしくお願いいたします。

namida

2020/06/20 02:35

閲覧ありがとうございます。画像ファイル追加いたしました。

Lhankor_Mhy

2020/06/20 02:55

現象確認しました。すみません、私ではお役に立てなさそうでした。もしかしたら、↓のAPIでblobを直接クリップボードに入れるようにすれば上手くいくのかもしれない、とは思いました。 https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/clipboard/setImageData

namida

2020/06/20 05:09

Lhankor_Mhy様ご思案ありがとうございました。参考ページのご提示ありがとうございます。読みこんでもう少し解決策を探ろうと思います。