我使用w3schools上的教程为网站制作基本的HTML Canvas游戏：
https://www.w3schools.com/graphics/game_intro.asp
但我现在遇到一个问题，即我的角色的图像不会填满组件的整个矩形命中框，因为图像在边缘的某些区域有空白像素。
这会导致角色和其他物体之间，图像的空白部分发生碰撞，因此尽管图像和物体之间没有直接碰撞，游戏也会结束，因为击中区域将图像包裹为矩形。
我想知道的是，是否有一个解决方案，我可以让命中框区域紧紧包裹在图像上，而不是矩形，这样就没有不可见的角落导致错误的碰撞？
或者组件必须是矩形的，这是不可更改的吗？
感谢。