問題タブ [cropperjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - ng-file-upload でのクロッパーの使用
ng-file-upload を使用して、画像をプレビューおよびアップロードしています。画像をアップロードする前に、ユーザーに画像をトリミングしてもらいたいと思います。ng-img-crop を使用してみましたが、必要な機能 (アスペクト比のカスタマイズ) がありませんでしたが、cropper にはありました ( https://github.com/fengyuanchen/cropper/ )。私の唯一の問題は、クロッパーを使用して画像のプレビューをトリミングする方法です。画像 src は最終的にブロブ、つまり「blob:XYZ」になります。この方法でクロッパーをうまく使用した人はいますか? 出来ますか？
knockout-3.0 - registerEventHandler に登録されたイベント内のカスタム バインディングの allBindings 以外のパラメーターにアクセスできないようです
機能を画像クロップ ライブラリ ( https://github.com/fengyuanchen/cropper ) にラップするノックアウト カスタム バインディングがあります。
私は使用しています：
- ノックアウト 3.3
- jquery 2.1.4
- クロッパー 2.0
バインディング ハンドラは次のとおりです。
そして、ここに私がバインドしている要素があります:
ブレークポイント（クロム）を配置するとvar b = 1; allBindings を除いて、init のパラメータは定義されていません。ただし、この一般的なパターンを使用する例をいくつか見てきました (例:ここ)。私は何を間違っていますか？
javascript - トリミングされたキャンバスを取得する toBlob 関数がサファリ ブラウザで機能しない
以下の機能は、Firefox、Chrome、モバイルで正常に機能し、画像をトリミングして ajax を呼び出すと、すべて正常に機能します。しかし、Tab - Safari ブラウザでは動作しません。助けてください。
jquery - Cropper JS:Bootstrapモーダル内の位置/サイズの問題
これは出力画面で、イメージが適切に配置されておらず、ブートストラップ モーダル内のサイズになっています。
プロジェクトの「アバター」更新セクションで「cropper.js」プラグインを使用しようとしています。関連する CSS および JS ファイルも jquery を使用して追加しましたが、プラグインは正常に機能しています。私の問題は、ブートストラップモーダル内の画像の配置/サイズです。小さくて左中央に表示されます。私はそれらを適切なサイズ、配置、および応答性の高い出力にしようとしています。私が試したのは、以下に追加することです。この質問へのヘルプは大歓迎です。
私がやったこと：
クロッパープラグインを使用して画像を初期化/アップロードおよびトリミングするためのmain.jsファイル
ホームページ- HTML ビュー ページ