0

前提・実現したいこと

他のサイトでも同じ質問をしております。よろしくお願いいたします。

react native で ImagePicker.showImagePicker から 選択、撮影した『画像そのもの』を水平方向にを反転させたいです。

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

選択、撮影した 画像を反転して『表示』させることはできますが、『画像そのもの』を水平方向に反転させる方法がわかりません。

反転させた状態で upload したいので、 表示上ではなく、画像そのものを反転させる必要があります。

選択、撮影した時点で反転させるのではなく、後から好きなタイミングで反転させることを想定しております。

該当のソースコード

こちらで見た目上は反転させることができます。

transform: [{scaleX: -1}],

画像データ自体を反転させる方法がわかりません。

9
  • 1
    他のサイトでも同じ内容の投稿 をされているようですが、予め質問の本文にその旨を明示しておいてもらうとスムーズに回答が付きやすくなると思います。 / 参考: マルチポストとはなんですか?何か問題があるのでしょうか?
    – cubick
    2020年9月8日 5:36
  • 解像度やpixcelビット数とかの課題はあるでしょうが、表示が出来ているならそれをアップロードすれば良いのでは? How to upload canvas and image to the server with Javascript いったん画面から見えない位置に変換用の高解像度?なcanvasを作るとか工夫出来そうですが。まあreactとか触れたことが無いので感覚だけで言っていますからトンチンカンなことなら聞き流してください。
    – kunif
    2020年9月8日 6:32
  • >他のサイトでも同じ内容の投稿 をされているようですが、予め質問の本文にその旨を明示しておいてもらうとスムーズに回答が付きやすくなると思います 追記しました。ありがとうございます。 >表示が出来ているならそれをアップロードすれば良いのでは? こちらでは、画像そのものは変換されていないので、反転前の画像が upload されます。
    – rei2525
    2020年9月9日 6:05
  • 作業用のcanvasを作って反転された状態の画像をコピーして、それをuploadするとかではどうでしょう?
    – kunif
    2020年9月9日 6:08
  • >作業用のcanvasを作って反転された状態の画像をコピーして、それをuploadするとかではどうでしょう? canvas あまり知らないのですが、ImagePicker の response.data のようなデータは取得できるのでしょうか?
    – rei2525
    2020年9月9日 6:17

1 件の回答 1

0

反転してからアップロードするのではなく、アップロードしてから反転してはどうでしょうか?サーバーサイドであれば、ImageMagickなどのツールで加工できるかと思います。

1
  • 複数枚 upload するので、反転するものとしないものがありますので、 アプリ使用者が反転させることがベストなんです。。 バックグラウンドでの処理も考えてみます。ありがとうございます
    – rei2525
    2020年9月9日 6:10

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。