Javascript 如何创建用于摄影机控制的操纵杆

嘿，我正试图建立一个操纵杆，这是很好的理解，可以使用的长者。操纵杆需要有4个方向：左、右、上、下，中间还有一个暂停按钮。 此操纵杆需要用于移动摄像机。 我在网上找到了一个代码，它为我创建了一个svg操纵杆

问题是这个操纵杆不容易使用，当你按下一个方向时，你不知道你是否点击了它。 此外，当你点击停止动作的中心时，你没有点击的反馈

我正在寻找替代或改进我目前的游戏杆。 如何改进当前控制器，以便在svg中单击时获得反馈。我可以在svg中创建一根棍子，这样我就知道我现在指向哪个方向了吗？ 如果有人能帮我做这个控制器我会很高兴的， 提前谢谢

编辑： 我需要一个真正的视觉反馈为每个箭头和停止按钮。如果需要对当前svg进行任何更改，欢迎使用

#箭头右键：悬停，
#向左箭头：悬停，
#箭头向下：悬停，
#向上箭头：悬停{
填充：蓝色；
}

---

您可以在每个路径中添加一个

onclick

函数。将方向作为参数发送到此函数

功能点击（元素、方向）{
var arrows=document.getElementsByClassName（“arrow”）；
//重置所有箭头
for（设i=0；i
#箭头右键：悬停，
#向左箭头：悬停，
#箭头向下：悬停，
#向上箭头：悬停{
填充：蓝色；
}

您可以使用CSS3透视属性：我需要在我的产品中支持IE9，因此我无法使用。我的代码中已经有一个onclick事件，我需要为用户提供视觉反馈，以便用户在按下左键后可以使用。我的用户不会查看控制台消息，我说的是不是程序员的用户。谢谢，但这不是我想要的，很难看到这个红色反馈，我正在寻找更多关于按钮本身的视觉反馈。也许可以调整箭头的大小等等。我想Brk需要一个设计师。这不是合适的平台。@Brk哦，好的。你的问题不清楚。你只是想得到反馈。我无法帮助您获得更真实的视觉反馈