問題タブ [resize-crop]
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.
codeigniter - Codeigniter のサイズ変更と画像のトリミング
64x64 のサムネイルに合わせて画像のサイズを変更する必要があります。私は何をしているのですか?リサイズの幅と高さを 64px に設定しました。$config['maintain_ratio'] = false に設定すると、画像の比率が失われます。私がしたこと: $config['maintain_ratio'] = TRUE; を設定しました。および $config['master_dim'] = 'width'; 現在、幅は常に 64px ですが、高さは大きくなっています。どういうわけか、画像の高さを下から 64px にトリミングする必要があります。どうすればこれを達成できますか?クロップ機能を設定しようとしましたが、失敗しました。多分別の解決策がある...私のサイズ変更機能
}
android - Androidの画像ビューでビットマップをトリミングし、次のアクティビティで次に表示する方法は?
bitmapの画像ビューで設定しているをトリミングしたいLinearayout。私はこのコードを使用しています。それをトリミングするコードは何ですか"cropimage"。
jquery - 画像の URL を微調整して画像を正しいサイズにトリミングする
Lazyload 画像を正しいサイズにトリミングしようとしています。したがって、画像のURLを微調整することで、画像のサイズを変更して正しいサイズにトリミングできる単純なjqueryプラグインを以下に示します。この jQuery コードは、画像を正しいサイズに自動的にトリミングします。しかし、画像の読み込みに Lazyload プラグインを使用すると、スクリプトは画像をトリミングできません。
JS:
HTML:フィドル: http://jsfiddle.net/kh5btqyu/3/ (Lazyload なし)
Lazyload HTML: Fiddle: http://jsfiddle.net/v2fud3a4/4/ (トリミングできません)
実際には、Lazyload プラグインは、画像のsrc <img src=""/>をdata-src <img data-src=""/>に変更し、ページを下にスクロールすると、画像がウィンドウのビューポートを取得し、画像のリンク<img data-src=""/>を置き換えて画像<img data-src="" src=""/>が表示されるときに機能します。
そのため、私の画像切り抜きプラグインは画像scrリンクを見つけることができません。Lazyload プラグインには<img data-src="" src=""/>リンクがあるためです。もう 1 つの理由は、ページの読み込み後に画像トリミング プラグインが実行されることですが、ページを下にスクロールして画像がウィンドウ ビューを取得すると、Lazyload make がウィンドウ ビューポートに画像を読み込みます。
私の質問は、Lazyload プラグインが画像リンク<img data-src=""/>をに置き換えるときに、私の画像トリミング プラグインを実行する方法がある<img data-src="" src=""/>ということです。
ありがとう。
jquery - 外部画像をトリミングできる Jquery プラグイン
Lazyload 画像を正しいサイズにトリミングしようとしています。以下に示す単純なjqueryプラグインを使用して、画像のURLを微調整することにより、画像のサイズを変更して正しいサイズにトリミングできます。この jQuery コードは、Lazyload プラグインが画像を読み込んだ後、画像を正しいサイズに自動的にトリミングします。ただし、すべての画像をトリミングすることはできません。すべての画像から 1 つだけをトリミングします。
Fiddle : http://jsfiddle.net/e0myc0po/4/
画像 3 だけがトリミングされていることを確認してください。
JS:
外部リソース: https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyloadxt/1.0.5/jquery.lazyloadxt.js
HTML:
だから私の質問は、なぜそれがすべての画像をトリミングしていないのか、そして解決策は何ですか?
ありがとう。
c - cのopencvで画像をトリミング
画像のすべての側面から 1 ピクセルをトリミングしたい。私のコードは一部の余白ではうまく機能しますが、一部の余白ではうまく機能しません (例: widthleft=widthright=heightup=heightdown=1)。C++ ではなく C を使用する必要があります。
私は他の方法と割り当てでインデックスをスイープしますが、うまくいきません。
色々ありがとう
jquery - 画像の遅延読み込み後にサイズ変更関数を呼び出す
画像の遅延読み込み後にサイズ変更機能を呼び出そうとしています。以下に示す単純なjqueryプラグインを使用して、画像のURLを微調整することにより、画像のサイズを変更して正しいサイズにトリミングできます。
JS のトリミング:
HTLM:
onload要素がLazyloadXTプラグインによって正常にロードされたときに呼び出されるハンドラ。しかし、jquery Image Crop プラグインを呼び出すことができません。フィドルを参照してください: http://jsfiddle.net/e0myc0po/12/
私の質問は、なぜそれが機能しないのか、または Image Crop プラグインが機能しないのですか? 画像は 200X150 ピクセルにトリミングされますが、まだ 500x500 ピクセル (元のサイズ) です。
ありがとう。
jquery - この jquery プラグインのロード後に特定のクラスを削除する
.lazy-hidden要素(画像)からクラスを削除しようとしています。以下に示す単純なjqueryプラグインを使用して、画像のURLを微調整することにより、画像のサイズを変更して正しいサイズにトリミングできます。そのため、LazyloadXT で画像をロードした後、サイズ変更関数を呼び出します。問題は、画像が読み込まれてトリミングされましたが、.lazy-hidden要素からクラスを削除できず、 opacity=0.
フィドル >>
Crop Js:
onload要素がLazyloadXTプラグインによって正常にロードされたときに呼び出されるハンドラ。
HTLM:
CSS:
画像は読み込まれてトリミングされましたが、LazyLoadXTプラグインは削除できません.lazy-hidden
.lazy-hidden {opacity: 0;}css:を.lazy-hidden {opacity: 1;}
I'm going to remove .lazy-hiddenclass.に変更しないでください。
私の試してみてください(動作しません):
なにか提案を?ありがとう。
php - ワードプレスであるフォルダーから別のフォルダーに画像をトリミング、サイズ変更、保存する
何年も前に開発した WordPress プラグインのアップグレードを追加しています。このプラグインは単なる製品カタログなので、製品とその画像を表示するだけです. 商品には複数の画像を含めることができます。
古いバージョンのプラグインでは、CSS によって画像のサイズを変更し、幅と高さを割り当てていました。これは機能していましたが、画像が引き伸ばされたように見えましたが、ユーザーは満足していました. プラグインに新しい機能を追加しました。これは、アップロードされた画像からトリミングしてサイズを変更し、thumbnail.jpg などの別の名前で保存することです。新しい機能は、画像をアップロードする新しいユーザーにとっては非常にうまく機能していますが、問題は古いユーザーが新しいバージョンにアップグレードしたことです。
問題は、古いユーザーがすでに製品と画像を持っていることです。ループ経由ですべての製品と画像を取得しようとするとforeach、200 から 250 の画像では完全に機能しますが、250 以上の画像では機能しません - エラーはありません :(
古いユーザーの多くは 600 以上の画像を持っているため、既存の画像をトリミングしてサイズを変更し、新しい名前で保存して、ファイル名を DB に保存する方法が必要です。
wordpressのデフォルトwp_get_image_editor();機能を使用しています。
画像のある古い製品を取得するためのクエリは次のとおりです。
そして、これが私のforeachループです(私は2つのループを使用しています。最初のループは画像のある製品を取得するためのもので、2番目のループは各投稿から画像を取得するためのものです。 . したがって、2 つのループを使用する必要があります)