0

まず第一に、私はjavascriptに非常に慣れていません。画像を取得し、その画像のトリミングされたバージョンを返すjavascript関数を開発しようとしています。グーグルで周りを見回して、私はおそらくこのタスクを達成するために何らかの方法でキャンバスを使用する必要があることがわかりました。しかし、それは私が自分のページに画像を表示しなければならないことを意味しますか？

Pixastic's Cropなど、同様の関数のさまざまなjavascript画像処理ライブラリも調べましたが、特定の問題を解決するためにそれを使用する方法がわかりません。だから今、私はあなたたちに助けを求めています。私を正しい方向に導いてください！

ありがとう！

4

3 に答える 3

1

PixasticのCropソリューションは、実装が簡単で、キャンバスを使用しているようです。Internet Explorer 7または8をサポートする必要がない限り、この機能を実行します。

それ以外の場合は、CSSoverflow:hidden; を使用してクライアント側のトリミングを行うことができます。

Pixasticソリューション：http ：//www.pixastic.com/lib/docs/actions/crop/ 、[サンプルコード]タブを確認してください。

PixasticおよびCSSソリューションの実用的な例を次に示します。http：//jsfiddle.net/EB6P7/1/

PixasticにはjQueryプラグインを使用しました。

-

サーバー側で画像を保存する必要がない場合は、JavaScriptに依存せず、Pixasticと同じ結果が得られるため、CSSソリューションを使用することをお勧めします。

わからないことがあれば、HTML/CSSのレベルがわからないので聞いてください。

于 2012-09-24T12:51:03.450 に答える
0

たぶんCSSクリッピング機能はあなたのための解決策ですか？

#someImage
{
 clip:rect(50px 100px 130px auto);
}
于 2012-09-24T12:50:46.210 に答える
0

問題がトリミングのみであり、トリミングされた画像を保存しない場合、最も簡単な解決策は、CSS を使用して画像を div 内に配置し、トリミングされた領域のみを表示することです。

保存したい場合は、サーバー側でいくつかのライブラリを使用してトリミングして保存する必要があることを願っています

于 2012-09-24T12:48:46.347 に答える