为了账号安全,请及时绑定邮箱和手机立即绑定

如何在javascript中更改图像的坐标?

如何在javascript中更改图像的坐标?

湖上湖 2021-06-29 01:12:01
我想更改图像位置(x,y)或(上/左)我不确定有什么不同..我能够获得图像的当前坐标,但我无法更改它..我试着做:var ball = document.getElementById("ball");ball.x = 50;但它并没有改变它。这是完整的代码:<html onmousemove="showCoords(event)"><head></head><body>    <img id='ball' src="ball.png" alt="Logo"style="margin-left: 50%;    margin-right: auto; margin-top: 25%;width:70px;height:70px;">    <p id="demo"></p>    <script>        function showCoords(event)         {            var x = event.clientX;            var y = event.clientY;            var ball = document.getElementById("ball");            var ballX = ball.getBoundingClientRect().x;            var ballY = ball.getBoundingClientRect().y;            var mouse = "mouse: X coords: " + x + ", Y coords: " + y + ' Ball: X coords: ' + ballX + ', Y coords: ' + ballY;            document.getElementById("demo").innerHTML = mouse;            if(x < 100) // it does enter this statement            {                ball.getBoundingClientRect().x += 500; // not doing anything            }        }    </script></body>我想也许它与图像的位置有关,但是我无法让它工作..
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 260 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信