2017-07-25 10 views
0

ビデオ内でマウスイベントをピクセル座標に変換しようとしています。ピクセル座標では、元のビデオ解像度との相対的な座標を意味します。object-fitでビデオ内でマウスの位置を計算する:contains

マイビデオ要素は、この絵が示すように、ビデオの左上隅は、必ずしも、位置(0,0)に位置していないことを意味し、object-fit: containがあります

enter image description here

私は左上をクリックした場合このビデオの白い部分のコーナーでは、(0,0)を取得したいと思いますが、これを行うにはビデオ要素(黒い枠線)に対するビデオコンテンツ(白い領域)のオフセットを検出する必要があります。

このオフセットはどのように回復できますか?

私はすでにwidthheightvideoWidth、およびvideoHeightの承知していますが、これらは私だけがスケーリングではなく、オフセットを占めてみましょう。

答えて

0

オフセットは推定できます。私はこの種のコードがこのトリックを行うべきだと考えています:

関連する問題