jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

images to svg

Browse source
This commit is contained in:
Ilya Kantor 2019-07-28 15:42:37 +03:00
parent a31e881856
commit 3ba28aa104
734 changed files with 11682 additions and 245 deletions
Download patch file Download diff file Expand all files Collapse all files

6
2-ui/1-document/11-coordinates/article.md
View file

@ -13,7 +13,7 @@ When the page is scrolled to the top, so that the top/left corner of the window
Here's the picture, the left part is before the scroll, and the right part - after scrolling the page up:
![](document-and-window-coordinates-scrolled.png)
![](document-and-window-coordinates-scrolled.svg)
As the document moved up:
- `pageY` - document-relative coordinate of the same point stayed the same, it's counted from the document top (now scrolled out).
@ -60,7 +60,7 @@ If you scroll the page and repeat, you'll notice that as window-relative button
Here's the picture of `elem.getBoundingClientRect()` output:
![](coordinates.png)
![](coordinates.svg)
As you can see, `x/y` and `width/height` fully describe the rectangle. Derived properties can be easily calculated:
- `left = x`
@ -80,7 +80,7 @@ Technically it's possible for `width/height` to be negative, that's useful for
Here's a rectangle with negative `width` and `height` (e.g. `width=-200`, `height=-100`):
![](coordinates-negative.png)
![](coordinates-negative.svg)
The rectangle starts at its bottom-right corner and then spans left/up, as negative `width/height` lead it backwards by coordinates.