I am working on a visualizer to show the area on a graph that is currently being checked for points from a starting points POV, and within a limited FOV. I am trying to show this with canvas arc, however, instead of filling in the arc area, it is filling in the outermost sliver of the arc.

I have an HTML page with a canvas in the body defined as so:

I am working on this 2d-shooter game, for a while. Making this game using JavaScript and html canvas. The black rect is what i refer as gun, and the yellow rect are bullets.
Gun can move left and right using ‘a’ and ‘d’ keys respectively. Bullet is shot using ‘Enter’.
The problem: 1) With each bullet shot, the speed of bullet is increasing.
2) if i move the gun right after the bullet shoot, there is a part of bullet not cleared.
Code is on my Github

The app should place an image as a marker where the user clicks while in editing mode. On desktop this marker appears just fine at the coordinates the user clicks at, however on a tablet the marker tends to appear further left and further up the pdf than desired. The coordinates are also stored and passed as percentages so the marker is placed on load at x percent of the pdfs width for example. As far as I can tell nothing should be causing the markers to move so much simply from using a tablet.

I have an object that stores path2D which is used to draw a polygon on the screen.