less

きづかないくらいイージーなクオリティー

Archive

11月
22nd
permalink

-*-transform: scale(n)した時のマウスイベントのカーソル座標

例えば

-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);

が適用された要素の座標x = 100、y = 100をクリックするとカーソル位置(layerX、layerY)の値は

  • Safari 5.0.3: layerX = 100, layerY = 100
  • Firefox 3.6.12 / 4.0b7: layerX = 200, layerY = 200 

になるっぽい。Firefoxはscaleと座標が連動する。-ms-transformは環境がないので未調査。