問題タブ [image-masking]

ここで正しい用語を使用しているかどうかはわかりません。しかし、これは私が達成しようとしていることであり、それを達成する方法についていくつかの提案が欲しい. 境界線が見える円が欲しい。ここが難しい部分で、どうやって始めればいいのかさえわかりません。円の境界が表示され、その中心が表示されないように円を操作したい (つまり、その中に穴があり、その下に配置されているものを表示するのとほぼ同じです)。円の透明な部分の下にある画像の部分のみが表示されるように、円の下に別の画像を配置すると、円の透明な境界の外側の部分が見えなくなります。これを達成する方法についての提案。グーグルは私を助けていないようです。

これについてどうすればいいのか少し迷っています。その背後にある理論を本当に探していますが、タイトルが正しいかどうか100％確信が持てません。

私は現在iOSアプリに取り組んでおり、下にその画像を添付して設計された進行状況インジケーターに少しこだわっています

ユーザーがチャレンジのステージを進むとわかるように、この画像の背景は白で塗りつぶされます。そのため、5 ステージのチャレンジのステージ 1 にいる場合は、20% が塗りつぶされ、ステージ 2 は 40% などになります。

私が抱えている問題は、これについて 100% 確信が持てないことです。HTML でこれを行っている場合、背景が緑色の画像を作成し、ウサギと形状の領域を透明のままにし、その背後に div を作成します。その高さを変更します。

同じ原則を iOS 開発に適用するべきなのか、それとももっとプログラム的で効率的な方法で構築すべきなのか。

助けてくれてありがとう

iOS で UIImage をマスクしています。今すぐその仮面を外したい。どうすれば達成できますか。これは、画像をマスキングするための私のコードです:

イメージマスクを使用しながら、イメージの背景をアニメーション化することを検討しています。背景色のアニメーション中に画像マスクを使用できるかどうかはわかりません

例はこちら - JSFiddle

私が理想的に探しているのは、青色（水）がカップを満たしている間、背景画像（粒子）がガラスの画像に反映されないようにすることです。

また、イメージ マスクを使用して以来、<div>塗りつぶし全体を青色で表示できるようになりました。それも見ないようにする方法はありますか？カップを青色で塗りつぶすことができる間に、ガラスの画像を背景に重ねたいと思います。

スプライト キットを少し試しています。アルファpngで画像をマスクしようとしています。これは簡単ですが、アルファ値で画像をマスクする方法に関する情報が見つかりません。現在、ピクセルをレンダリングするか、レンダリングしません。

SKCropNode のドキュメントによると、マスク内のピクセルのアルファ値が 0.05 未満の場合、画像ピクセルはマスクされます。

したがって、これは私が現在これを行っている方法からの論理的な結果です。

その結果、エッジがぎざぎざになります。エッジが滑らかになるように画像をマスクする方法はありますか?

ありがとう！

ここに私が直面している問題があります:

maskimage を使用してマスキングを実装しました。

これが元の画像です: (サイズ: 幅 300 x 高さ 418)

これがマスク画像です: (サイズ: 幅 165 x 高さ 215)

以下は、マスクと新規作成に従って画像をトリミングするために使用したコードですUIImage。

それに応じて機能し、画像をトリミングします。結果は次のとおりです。

ただし、最終的なcroppedImage（UIImage）画像が元の画像（300x418）のフレームを取得するという問題があります。

なぜそれが起こるのかわかりません。私は非常に多くのことを試しましたが、まだ解決策はありません。私が何か間違ったことをしている、または何かが欠けている場合、誰でも私に提案してもらえますか。

ありがとう。

OpenCV を使用して、いくつかのポリゴンでインペインティングを行っています (紙に描かれています。例を参照してください)。

いくつかの伝説の仕様:

• 緑色のフレームは、シーンの「境界」を描画するためにあります。参照用です。
• 青いボールがシーンに浮かんでおり、ボールがポリゴンに当たると、ボールがオブジェクトを押しつぶしているかのように、適切なマスキングでシーンが再レンダリングされます。

inpaintedScene参照用のコードを次にtransformedScene示しoutputFrameますcv::Mat。

これらは、どれも私にとって良くない結果です:

オプション 1 の結果 (+=):

破壊されたポリゴンを透明にするので、これは私にとっては良くありません。

オプション 2 (copyTo) の結果:

ご覧のとおり、ポリゴンの破壊された部分は、(ポリゴンが別の色であっても) 黒色の「縁取り」または「枠」になっているため、これも良くありません。これを解決するにはどうすればよいでしょうか?

ユーザーが形状を操作できるプラットフォームを持つ cocos2d v3 でゲームを書いています。私はプラットフォームの端に沿ったすべての点を知っており、プラットフォームのシェイプ内にテクスチャをレンダリングして、ソリッドに見えるようにしたいと考えています。OpenGl、または CCrender テクスチャを使用する必要があることはわかっていますが、私はまったくの初心者であり、コードではなく言葉でしかアイデアを明確にすることができません。これらのいずれかが機能するかどうかはわかりません。私が何をすべきかの例を挙げて、私を助けてください。ここに私の考えがあります：

[1] - シェイプを白く着色し、ccrednertexture をその下に置き、テクスチャをレンダー テクスチャにレンダリングするには、ブレンド関数を使用して、レンダー テクスチャの白の下にあるものだけが透けて見えるようにします。

[2] 形状の周りの頂点を使用して、次のようにします。

jquery を使用して 5 秒ごとに background-image プロパティを設定する一連のクロス フェード背景画像を含む div (div B) の上に z インデックスが付けられた div (div B) で水平方向に実行されるナビゲーション div (div A) があります。ただし、赤いセクションをdivの背景画像の上に「マスク」する必要がありますが、青いセクションは下のdiv（div A）まで透明にする必要があります。マスキング/クリッピングが適用され、どの背景画像が表示されても同じになります。

エンド ユーザーはサイクリングの背景画像として使用する新しい画像をアップロードする可能性があるため、画像エディターを使用して画像を編集してマスキングと透明度を作成することはできません。

これは、HTML 5 のマスキング/クリッピング機能を背景画像に適用するか、div (div B) を含む組み合わせで実現できますか? もしそうなら、マスキング/クリッピングの両方が画像に適用された例を誰かに見せてもらえますか?

そうでない場合、誰かがアップロード前に画像編集以外の別の方法をアドバイスできますか?