kobitoDevelopment · June 27, 2022 04:30
diff --git a/html b/html
 <p class="hoge">transformテスト</p>
diff --git a/JavaScript b/JavaScript
 const hoge = document.querySelector(".hoge");
 const hogeStyles = getComputedStyle(hoge);
 let matrix = new DOMMatrix(hogeStyles.transform);
 console.log("X", matrix.m41, "Y", matrix.m42, "Z", matrix.m43);
 // matrixをconsoleに出力してどのkeyにどのvalueが格納されているか確認可能
diff --git a/scss b/scss
 .hoge {
  transform: translateX(30px) translateY(40px) translateZ(50px);
 }
	const hoge = document.querySelector(".hoge");
	const hogeStyles = getComputedStyle(hoge);
	let matrix = new DOMMatrix(hogeStyles.transform);
	console.log("X", matrix.m41, "Y", matrix.m42, "Z", matrix.m43);
	// matrixをconsoleに出力してどのkeyにどのvalueが格納されているか確認可能
	.hoge {
	transform: translateX(30px) translateY(40px) translateZ(50px);
	}