sách gpt4 ai đã đi

javascript - CSS 旋转。旋转 div 但保持在完全相同的坐标?

In lại 作者:太空宇宙 更新时间:2023-11-04 02:51:33 27 4
mua khóa gpt4 Nike

所以我只是在玩一个小的 javascript 游戏,构建一个 pacman 游戏。你可以在这里看到它:http://codepen.io/acha5066/pen/rOyaPW

不过我对旋转有疑问。你可以看到,如果你玩它,当 pac 旋转时,他指向不同的方向,但他的坐标也发生了一点变化。应该发生的是他应该轮换但在完全相同的位置。

Tôi đang sử dụng transform-origin: 'center center'; 但我也用 transform-origin: 'top left'; 尝试过但是都没有给我什么我想。

1 Câu trả lời

你必须给你的容器一个宽度,否则 transform-origin: x 不会有任何效果(0 的中心仍然是 0)。

.pac-man {
vị trí: tuyệt đối;
height: 60px;
left: 0;
top: 0;
width: 60px;
}

updated pen

关于javascript - CSS 旋转。旋转 div 但保持在完全相同的坐标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32901381/

27 4 0
Bài viết được đề xuất: javascript - preg_match 到 Javascript 函数
Bài viết được đề xuất: python - 接收用户输入以加载程序
Bài viết được đề xuất: c - c中数组的地址分配和指向数组的指针
Bài viết được đề xuất: post - 为什么我的 ExpressJS 服务器不接受 POST 请求?
太空宇宙
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com