問題タブ [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.
javascript - cropper.js 左クリック位置の周りにトリミング領域を作成しますか?
ユーザーが画像の領域をクリックしてドラッグすると、cropper.jsがうまく機能します。
ユーザーが画像の一部をクリックするだけで、cropper.js で画像の領域をトリミングするにはどうすればよいですか?
たとえば、ユーザーがどこをクリックしても、クリックした x、y 位置の周りに 50x50 の「トリミング ボックス」領域が作成されます。
現在のところ、.setCropData() メソッドを使用してクロップ ボックスの位置と寸法を設定できますが、cropend イベントの一部として「起動」することしかできません。
作物開始イベントは、最初のマウスダウン イベントをキャプチャするので、これには理想的な場所のように思えますが、このイベントの一部として setCropData() メソッドを起動することはできません。
私が知る限り、cropper.js が何かを行うためには、cropstart からcrop、そして最終的にcropend まで一連のイベントを進行する必要があります。つまり、マウスを何らかの方向にドラッグする必要があります。ユーザーがマウスをクリックするだけでそれ以上のドラッグ動作がなければ、cropstart イベントだけが発生します。
たとえば、テスト目的の単純なものとして、これは機能しません。
マウスをクリックした後、コンソール ログは、cropBoxData が空のように見えることを報告し、トリミングは画像に描画されません。これは、作物イベントが技術的に開始されていないため、まだ何も設定されていないためだと思われます。
ただし、同じものをcropendイベントの一部として配置すると、期待どおりに機能します. ただし、違いは、「クリック」するだけではなく、実際に任意のサイズのクロップ ボックスをドラッグする必要があることです。
寸法を手動で設定することにより、クロッパーを「モーションを通過させる」方法を考えていますが、通常のドラッグではなくクリックする方法はありますか? 前もって感謝します！
jquery - 画像を特定の高さと幅にトリミングする方法は?
特定の高さと幅の画像が表示されないのはなぜですか?
トリミング画像を width=308 & height=200 に設定すると、308 X 308 が返されます。width=200 & height=308 に設定すると、308 x 308 が返されます。高さと幅から最大サイズが返されます。この問題を解決するにはどうすればよいですか?
私はcropper.jsを使用しています