問題タブ [image-clipping]

htmlとcssのみを使用して、250x250の画像の周囲に素敵な境界線を配置しようとしています。マークアップは次のとおりです。

そして、cssは次のとおりです。

基本的に、divコンテナで、境界を超える画像のエッジをクリップする必要があります。これにより、border-radiusプロパティ（-moz-border-radius、-webkit-border-radiusなど）を使用して、丸みを帯びたエッジ効果が実現されます。これに関するヒントとコツを探しています。ありがとう。

そして、はい、私は明らかにWebデザイナーではありません:)

画像の一部が強調表示され、残りの部分の不透明度が0.5になるウィジェットを作成しています。

このために私は2つの画像を使用しています。不透明度0.5の背面の完全な画像。前面で強調表示したい画像の部分。正面の画像はGWTのクリップ画像です。

背面の画像のサイズを変更する必要があるシナリオがあります。前面のクリップされた画像のサイズを変更する方法はありますか？

内部にさまざまな画像を含む NSImage があります。その中の画像の位置は常に同じであるため、四角形が画像の中にある位置でサブイメージを取得するには、四角形を指定する必要があります。これはどのように行うことができますか？

プラグインなしでjQueryで画像をクリップするにはどうすればよいですか？すべての画像を1つの画像に配置して、360度画像ローテーターを作成し、jQueryでそのマスター画像の正しいX、Y座標に移動して、画像の正しいクリップをに表示したいと思いますdiv。

クリッピング四角形の境界外での描画を可能にするグラフィック環境で作成されたアプリを移植しています。Androidでこれを行う方法はありますか?

ある画像の一部を別の小さな画像にコピーしたい、つまり、サブ長方形をコピーしたい。

ソース用のGraphics2Dオブジェクトがあり、ターゲット用に作成でき、targetGraphics2D.drawImage(Image img,....)について知っていますが、 sourceGraphics2Dからそのimgを取得するにはどうすればよいですか?

回答 (aioobe ごと): ソースはGraphics2DではなくImageである必要があります。

Image.subImage()は、ソースの関連部分を取得するためのメソッドです。

Border 要素内にネストされた TextBlock の MouseEnter イベントを発生させると、画像の特定の部分 (CSS の background-position: -1100px -24px に相当) をクリップして、Border 要素の背景として配置します。以下はコードソファです：

XAML

C#

それを行う方法はありますか？

私の Web サイトには、角が丸い長方形のボタンのリストとして表示されるナビゲーションがあります。

各ボタンには、写真である独自のカスタム背景が必要です。写真はボタンよりも大きく、このボタン上でのマウスの移動に反応して移動する必要があります。窓越しに見ているような効果があります。

ナビゲーションの HTML 構造は、"ul > li > a > img" です。

各「ul > li」は、角が丸い長方形で、画像のクリッピング マスクとして機能する必要があると思います。

「overflow: hidden;」の設定 クリッピング領域は角が丸い単純な長方形であるため、機能しません。

以下のような CSS プロパティは、Webkit ブラウザーでは機能しますが、Firefox では機能しません。

それを行うクロスブラウザの方法は何ですか?

カメラで写真を撮るiPhoneアプリに取り組んでいます。今後は、画像をさまざまな形 (最も重要な三角形) にスライスできるはずです。誰かが私に正しい方向や例などのポイントを教えてくれますか?私は三角形ではなく正方形にスライスすることを可能にしました.

(更新) 正方形のスライスを作成するために、次のコード スニペットを使用しました

すべての助けに感謝します

よろしく

解決済み:

uiimage をマスキングする方法を使用しました。したがって、戦略は次のとおりです。 1. カメラとスケールから写真を撮ります。2. ユーザーに uiimageview で図を描画させ、それを黒色で塗りつぶし、これから UIImage を作成します。3. ユーザーが生成した画像でカメラからの画像をマスクします。画像をマスキングするには、 http://www.developers-life.com/resize-and-mask-an-image.htmlの次の方法を使用します

}

助けてくれてありがとう

raphael.js の clip-rect 属性を使用して、画像の長方形部分を表示できます。

そのクリップ長方形領域（画像ではありません）を回転させる方法を教えてください。多分私はclipPath svg attrを使うべきですか？しかし、IEのvmlもこれを行うように、それはraphael.jsソリューションでなければなりませんか?