問題タブ [imagekit]

IKImageview 内の Image の位置を変更できます。また、次のボタンをクリックするとイメージが変更されますが、Image の位置がリセットされます.... Image の古い位置に関する情報を取得する必要がありますが、まだ解決策が見つかりません。 .

画像を変更しようとしている方法のコードは次のとおりです。

RightImage ビューは、ストーリーボードファイルからのアウトレットです

たとえば、画像をロードしてから、マウスの動きでその位置を変更しました:

この後、画像を変更しました（URLを使用-コードは上にあります）、画像の位置はデフォルトの位置にリセットされました：

だから、私の質問は、Image フレームまたはIKImageView 内の座標に関する情報を取得する方法ですか? または、位置を変更せずに画像を変更する方法は?

Imagekit VueJS SDK を使用しており、そのプラグイン ファイルを作成しました。

vueimagekit.js/pluginsフォルダー内。

plugins: [ '~/plugins/vueimagekit.js']の部分にも付けましたnuxt.config.js。そして、私のコードテンプレートはそれを次のように使用しています:

これは私のアプリではうまくいきます。ただし、ドキュメントには、必要に応じてコンポーネントを個別にインポートすることもできると記載されています。

したがって、plugins/vueimagekit.jsファイルでこれを実行しようとしましたが、うまくいきませんでした:

コンソールに次のエラーが表示されます。

これを正しく行う方法についてのヒントはありますか？ありがとうございました！

考えすぎかもしれませんが、ユーザーが自分のアバター画像を更新できる avatarprofile コンポーネントを取得しました。イメージ ホスティングとして Google Cloud ストレージを使用し、イメージ CDN (イメージキット) を使用してイメージの最適化/キャッシュを処理しています。すべてうまくいきます...しかし、誰かが私を助けてくれるかどうか疑問に思っていた小さな煩わしさがあります:

まず、これが私のコードです（私が問題を抱えていることを説明するのに役立ちます）：

問題は、ユーザー プロファイルが新しい画像 URL で更新され、画像 CDN よりも高速にフェッチされることです...つまり、overlayShowは既に false に設定されており、古い画像が 1 秒ほど表示されます (画像のレベルによって異なります)。最適化が必要です)。

overlayShow新しいイメージでイメージ CDN が完了するまで、 が false に設定されないようにするにはどうすればよいですか? ありがとうございます。これは実現不可能かもしれませんが、アプローチに関するアドバイスや提案を探しています。ありがとう！

API を使用して imagekit にある画像を白黒に変換する方法はありますか?

このhttps://ik.imagekit.io/demo/tr:oi-logo-white_SJwqB4Nfe.png/medium_cafe_B1iTdD0C.jpgのようなものですが、白黒用です。

私は NuxtJS とバックエンド開発の初心者です。imagekit.io アップロード API を使用して、ユーザーが画像をクラウド ストレージ サービス (Imagekit) に公開できるようにしようとしています。そのためには、「署名ベースの認証」を行い、次の NodeJS コードを Nuxt アプリのどこかに実装する必要があります。私が理解していること/modulesから、Nuxt の起動前に実行されるため、Nuxt のフォルダーが配置される場所である可能性があると思います...正しいですか?

私のクライアント側アプリには、次の例の JSON 応答が必要です。

したがって、これらのパラメーターを計算する NodeJS コードは次のようにする必要があります。

上記の NodeJS コードをユニバーサル Nuxt アプリで実行して、必要な authenticationParameters を取得するにはどうすればよいですか? また、API エンドポイントを作成するために nuxt フックを作成する必要があると思いますか? 申し訳ありませんが、私は少し迷っています。

私がやろうとしていることの完全なドキュメントはこちら: https://docs.imagekit.io/api-reference/upload-file-api/client-side-file-upload