問題タブ [image-clipping]

やりたいこと (1-3 を達成した):

1. ページから画像を取得する
2. キャンバス要素に追加します
3. 画像をマスクにクリップする
4. 画像の周りでマスクを移動 (アニメーション)

最初の 3 つを達成しましたが、マスクの移動方法がわかりません。助けてください!

キャンバスからクリッピング マスクを移動 (アニメーション化) して、クリッピングされた画像のさまざまな部分を表示するにはどうすればよいですか?

アイデアをありがとう！

SVG クリップ パスのスケーリング動作に苦労しています。適用される要素のサイズに合わせてクリップ パスをスケーリングしたいと考えています。clipPath ユニットについて読んできましたが、これを機能させることができません。

スケーリングなしで私がやろうとしていることの例を次に示します: http://jsfiddle.net/1196o7n0/1/

...そして SVG (メイン形状とクリップパス形状はまったく同じです):

ビューボックスを定義して、ドキュメントの幅と高さに合わせて SVG をスケーリングすると、クリップ パスがスケーリングされないように見えます: http://jsfiddle.net/1196o7n0/2/

これをどのように機能させることができるかについてのアイデアはありますか? 私は何かを見逃していますか？

2つの画像リンクがあります。

元の画像 -

マスキング画像 -

結果画像はこちら。

どうすればこのような結果を得ることができますか?

css を使用して何らかの方法をclip-path : rect(....)見つけていましたが、イメージ マスクを使用して見つけることができません。

指定されたパス(CGPath)に基づいて画像(UIImage)のチャンクをクリップする標準的な方法はありますか? （パスは楕円、星、多角形です...）私の現在の質問は、これに関連しています： AVCaptureStillImageOutput領域の選択 。

私がテスト用に使用しているアプリは、写真を撮って PNG ファイルとして保存することができます。次回アプリを起動すると、ファイルが存在するかどうかがチェックされ、存在する場合は、ファイル内に保存されている画像がアプリの背景ビューとして使用されます。ここまでは問題ありません。

このアプリにクリッピング マスクを追加することにしました。クリッピング自体は機能しますが、不思議な理由でクリッピングされた画像が拡大されます。誰かが私が間違っていることを教えてくれれば、それは非常に役に立ちます。

関連するコードは次のとおりです (必要に応じて詳細情報を提供できます)。

maskImage 関数は次のとおりです ( iOS UIImage クリップからパスに取得され、Swift に変換されます)。

行が次の場合:

コメントアウトされていますが、私が期待していることがわかります。

下の写真をサックして、アプリを再起動するときに背景として使用します。

しかし、それらが存在する場合（コメントアウトされていない場合）、アプリを再起動すると背景が表示されます（もちろん、開始時に同じ写真を撮ります）：

正常に動作した場合、マウスは最初の画像と同じサイズで楕円形のクリップ内に表示されます (現在のように拡大されていません)。

HTML と CSS を使用して、次のようにクリップおよびマスクされた画像を含む div を作成するにはどうすればよいですか。

私はこれを約2時間行う方法を見つけようとしてきましたが、どこにも行かなかったので、誰かが私を正しい方向に向けることができることを望んでいました. ここで具体的に言うと、上の 2 つの角が丸くなるように画像をクリップし、4 つの角が丸く、下に 1/4 のパディングがある div 要素に埋め込み、両方の要素が右端に見えるように変換します。左より視聴者から離れています。

黒い領域に黒と透明度を含むpng画像があります。他の画像を描画し、透明領域をそのまま保持する必要があります。graphic2d を使用して Java で使用できるすべての可能性は何ですか。これは私が参照している PNG です。