diff options
| author | Joe Conway | 2019-04-27 15:12:52 +0000 |
|---|---|---|
| committer | Joe Conway | 2019-04-27 15:12:52 +0000 |
| commit | 7dc78d8ef3e62f7e06d7767c63dcede048377b9a (patch) | |
| tree | 39ab2f40a26f4a0c50dcb4b5e377541e852bd64f | |
| parent | cf3ff97a15c184bf6a665b891f41349c8aba79fb (diff) | |
Add guidance on making documentation SVG images responsive
Recently added guidance on adding SVG images to the documentation
sources lacks advice on making the images responsive when rendered
in a variety of media types and viewports. Add some.
Patch by Jonathan Katz with some editorialization by me.
Author: Jonathan Katz
Discussion: https://postgr.es/m/[email protected]
| -rw-r--r-- | doc/src/sgml/images/README | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/doc/src/sgml/images/README b/doc/src/sgml/images/README index dd29486a092..ade627bda2d 100644 --- a/doc/src/sgml/images/README +++ b/doc/src/sgml/images/README @@ -59,3 +59,10 @@ Notes: - The width should be set to something. This ensures that the image is scaled to fit the page in PDF output. (Other widths than 100% might be appropriate.) + +- SVG images should be scalable as they will be rendered in a variety + of places (web, PDF, etc.) as well as in different viewports + (desktop, mobile, etc.). To help the images successfully scale, + employ a "viewBox" attribute in the SVG tag. For example, + to create an image with a default width and height of 400x300, + you would use viewBox="0.00 0.00 400.00 300.00" |