問題タブ [css-mask]

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 に答える
5849 参照

html - css、htmlを使用してビデオソースを円形の中央に配置する方法

この質問は何度もされていると思います。それらのいくつかは、Chrome または Firefox で動作します。

私は解決策を試しました:

これをdivクラスに追加し、ビデオタグの高さを

ビデオ ソースは、getusermedia を使用して webrtc から取得されます。ビデオ ストリームは、rc クラスを使用して、円を描くように成形し、Web ページに表示することができます。

問題は毎回、ビデオ ソースが円形の中心になく、少し左側にとどまることです。たとえば、顔がカメラの前にあるとき、顔の一部だけが円の右側にありました。円の中心にはありません。誰でもこれを解決する方法を知っていますか?

ありがとう。

0 投票する
5 に答える
1323 参照

javascript - 1 つの画像をドラッグすると、別の画像がドラッグされます

mask1 にアップロードされた画像の右側をドラッグすると、 mask2 にアップロードされた画像がドラッグされますが、それは起こらないはずです....

ここにビデオリンクがあります

また、マスク 1 のみに画像をアップロードしてドラッグしようとすると、画像が消えますが、両方のマスクに画像をアップロードすると、画像は消えません

ビデオリンク2

コードペン : https://codepen.io/kidsdial/pen/PVJQrz

編集

その2つの画像が横と縦に重なったからですか?

ここに画像の説明を入力

ここに画像の説明を入力

編集 2

一部の質問はまだ明確ではありません。下の画像で、ユーザーがパーツ B をパーツ B と一緒にドラッグしようとすると、パーツ C とパーツ D もドラッグしますが、それは起こらないはずです.....

ここに画像の説明を入力