キャンバスtube1CtxとidsineWaveのdivがあります。キャンバスは、純粋なJavascriptを使用してマウスドラッグで回転します。次に、キャンバスに対して同時にdivを回転させる必要があります(同じ角変位)。以下のコードで試したところ、キャンバスをドラッグ回転している間、変換スタイルが更新されません。誰かが私が解決するのを手伝ってくれませんか?
function tubeRotate(e){
if (moveFlag2){
tube1XPos = e.clientX - tube1Canvas.offsetLeft;
tube1YPos = e.clientY - tube1Canvas.offsetTop;
rotate = tube1XPos-((e.clientX-tube1Canvas.offsetLeft));
rotate = (Math.atan(240/rotate))* Math.PI / 180;
tube1Ctx.clearRect(240,10,tube1Canvas.width,tube1Canvas.height);
tube1Ctx.translate(275, 10);
tube1Ctx.rotate(rotate);
tube1Ctx.translate(-275,-10 );
tube1Ctx.drawImage(tube1Img,240 , 10 , 46 , 235 );
var angle=rotate;
document.getElementById("sineWave").style.MozTransformOrigin='0% 0%';
document.getElementById("sineWave").style.MozTransform = 'rotate('+angle+'rad)';
document.getElementById("sineWave").style.webkitTransformOrigin='0% 0%';
document.getElementById("sineWave").style.webkitTransform = 'rotate('+angle+'rad)';
}