move to svg

Author: iliakan

2-ui/3-event-details/4-mouse-drag-and-drop/article.md

@@ -107,7 +107,7 @@ It would be better if we keep the initial shift of the element relative to the p
 
 For instance, if we start dragging by the edge of the ball, then the cursor should remain over the edge while dragging.
 
-![](ball_shift.png)
+![](ball_shift.svg)
 
 1. When a visitor presses the button (`mousedown`) -- we can remember the distance from the cursor to the left-upper corner of the ball in variables `shiftX/shiftY`. We should keep that distance while dragging.
 

2-ui/3-event-details/4-mouse-drag-and-drop/ball_shift.png

@@ -93,9 +93,9 @@ On the other hand, there's a problem with `event.code`. For different keyboard l
 
 For example, here are US layout ("QWERTY") and German layout ("QWERTZ") under it (courtesy of Wikipedia):
 
-![](us-layout.png)
+![](us-layout.svg)
 
-![](german-layout.png)
+![](german-layout.svg)
 
 For the same key, US layout has "Z", while German layout has "Y" (letters are swapped).