問題タブ [image-masking]

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.

0 投票する
2 に答える
3134 参照

iphone - iOSキャプチャ画面で、結果の画像をトリミングしてマスクします

私のアプリケーションでは、次の手順を実行したいと思います。

1-画面をキャプチャします。この部分は問題ありません。次のコードを使用しています。

2-この機能で画像をトリミングしました

3-次に、トリミングされた画像を純粋な白黒マスクでマスクします

しかし、私が得た結果の画像は、マスクの形状の外側では、画像が透明ではなく黒色になっていることです。誰か助けてもらえますか?

0 投票する
2 に答える
2557 参照

opengl-es - libgdxでスプライトまたはテクスチャのマスクを作成する方法

私はAndroid用のlibgdxで開発していますが、以前は(libgdxではなく)スプライトにマスクを使用して、スプライトの周囲を透明に設定して、画面に描画したときに背景が表示され、表示されないようにしました。白い長方形ですが、libdgxでこれを行う方法が見つからないようです。どうやって、2Dスプライトのマスクを作成しますか?OpenGLを使用する必要がありますか?よくわからないので、その方法を教えてください。また、テクスチャでそれを行うことはできますか?

ここに画像の説明を入力してください

0 投票する
0 に答える
734 参照

android - マスクシェイプは機能しますが、透明度は適用されません

ユーザーが画面に触れる場所に応じて、マスクを使用して画像の一部を非表示にしようとしています。そうするために、私はCyril Mottier によって提供されたコード サンプルに従いました。私が今まで行ったことは実際に機能します。ImageView の一部をクリックすると、上にあるものはすべて非表示になります。問題は、それが黒い色で隠されているため、ImageView の背後にあるものが表示されないことです。

誰かが私にヒントを提供したり、私が間違っていることを教えてくれませんか?

その時の画面がこちら

主な活動は次のとおりです。

そして、ここでカスタム ImageView :

回答ありがとうございます

0 投票する
1 に答える
333 参照

jquery - 中央から端まで広がる長方形のフェードインを備えたイメージ フェーダー

カスタム Flash アニメーションを jQuery に置き換えています。古いアニメーションでは、カーテンが開くように動くマスクが使用されていました。中央が最初に表示され、画像は両側で横方向にフェードインし、中央の長方形のマスクがエッジに向かって外側に滑らかに拡張されます。

jQueryでこれを行う方法はすでにありますか?

0 投票する
1 に答える
990 参照

google-chrome - webkit-mask-image を使用して、Chrome/Opera で CSS3 の丸みを帯びた角でオーバーフローを非表示にする方法は?

このタイプの css をどこで生成して、右下の境界線だけを作成できますか?

これはほとんど機能しますが、もっと丸い角が必要です

これが私がこれまでに持っているコードです:

Chrome以外のすべてでうまく機能します

0 投票する
4 に答える
7348 参照

python - pylabで異なる色で複数のマスクを表示する

私は、まともな観測値、無関係な観測値(マスクアウトしたい)、および観測値がない領域(マスクアウトしたい)を含む配列を持っています。この配列を(pylab.imshowを使用して)2つの別々のマスクを使用して画像として表示したいと思います。ここで、各マスクは異なる色で表示されます。

特定の色の単一のマスク(ここ)のコードを見つけましたが、2つの異なるマスクのコードは見つかりませんでした:

可能であれば、ひどく歪んだカラーマップを使用する必要はありませんが、それはオプションです。

0 投票する
1 に答える
389 参照

javascript - 画像の変形

画像を変形するためのオンライン ツールまたはチュートリアルを探していました。私がまさに欲しいのは、このようなものです。

画像1

私はそれをこのようなものに作り直すことができるように

画像2

この機能は、この Web サイトで見つけました。..しかし、彼らがどのようにそれをしたかを追跡できませんでした。私は何時間もグーグルで検索しましたが、壊れたURLがいくつかありました。私は最初からデザイナーではありませんが、これを行う必要があります。誰かこれのやり方教えてください..

0 投票する
1 に答える
247 参照

actionscript-3 - as3マスク外のMOUSE_DOWNを無視する方法

Photoshop からインポートされた不規則な形状のレイヤーを使用して元の背景の一部をマスクする as3 のジグソーのようなゲームに取り組んでいます。

マスクとそのコンテンツに cacheAsBitmap=true を設定すると、結果は透明な境界部分が除外された素敵な不規則な形状になります。

ただし、見えない境界領域は MOUSE_DOWN で検出されます。目に見えるマスクされた部分以外のどこにもマウスが検出されないようにしたいと思います。現時点では、重なっている透明な領域の背後に表示される可能性のある、ステージ上の他のクリップでマウスを検出できません。

ここで、解決策として適用する方法が見つからないビットマップピクセル検出を含む解決策を見てきました。マスクされた領域のコンテンツは、シェイプまたはムービークリップです。

誰かが解決策を見つけるのを手伝ってくれることを願っています

0 投票する
1 に答える
1519 参照

titanium - Titanium を使用したマスキング ビュー (Appcelerator)

Titanium を使用してスロット マシン ゲームを作成する必要があります。私が直面している問題は、画像を使用して最もよく説明されています:

ベースレイアウト

これが私のベースレイアウトです。マシンに表示される画像を 3x3 のマトリックスに配置し、その上にマシンの「フレーム」を配置します。マシンのフレームの下に表示されている画像の上部と下部を切り取って、次のようにしたいと思います。

ここに画像の説明を入力

マスキング ビュー (グループ) をサポートするフレームワークを使用できれば、オブジェクトの上にイメージ マスクを配置できます。

ここに画像の説明を入力

しかし、Titanium でこれを行うことはできません。唯一できることは、マスクされたイメージ ( Ti.UI.createMaskedImage ) を作成することです。

私は本当に、両方の方向から半分にカットされたすべての小さな画像のバージョンを作成したくありません.

これを解決する助けやアイデアは大歓迎です!

0 投票する
4 に答える
1059 参照

iphone - iOSの画像の透明部分の画像ビューの背後に触れるにはどうすればよいですか?

ここでは、ボタンタップでボタンアクションイベントのタッチを取得したい-B

画像が(画像の表示領域で)タップされると、タップジェスチャメソッドが呼び出されます

しかし、問題は画像がボタン上にあり、ボタンの一部を覆っているということです。その覆われた部分でボタンアクションイベントを実行したいのです-A

私は試しましたが、覆われた部分でボタンアクションを取得できませんでした:(

画像マスキング