🟩 SVG 内の .video-container を DOM 計測してキャンバス座標へ落とし込む

mp4_control_Display._getVideoContainerBounds()
const container = document.createElement('div'); container.style.position = 'absolute'; container.style.top = '-9999px'; document.body.appendChild(container); container.innerHTML = SVG_TEMPLATE(...); const videoElem = container.querySelector('.video-container'); const rect = videoElem.getBoundingClientRect(); const bounds = { x: rect.left - containerRect.left, y: rect.top - containerRect.top, width: rect.width, height: rect.height }; document.body.removeChild(container);
パラメータを変えて実際に計算する
結果はここに表示されます。