Timeline for How to draw grid using HTML5 and canvas or SVG
Current License: CC BY-SA 4.0
13 events
when toggle format | what | by | license | comment | |
---|---|---|---|---|---|
Jul 13, 2022 at 6:01 | history | edited | Thomas W | CC BY-SA 4.0 |
Remark on why SVGs as <img> are not displayed
|
Feb 16, 2022 at 10:15 | history | edited | Thomas W | CC BY-SA 4.0 |
Fix svgshare link
|
Nov 30, 2021 at 19:38 | history | edited | Thomas W | CC BY-SA 4.0 |
Don't you dare destroy my indentation ;-)!
|
Nov 30, 2021 at 16:21 | history | edited | Alexandr_TT | CC BY-SA 4.0 |
convert to snippet
|
Jun 21, 2021 at 2:10 | comment | added | TranquilMarmot |
By changing all of the 8 / 80 values to something different you can control how far apart the grid lines are.
|
|
Nov 6, 2018 at 14:13 | history | edited | Thomas W | CC BY-SA 4.0 |
imgh.us is no longer there, so move to svgshare.com
|
Apr 2, 2017 at 20:34 | comment | added | Gaurav Ramanan | @ThomasW how do we change how wide the gridlines are? | |
Feb 8, 2017 at 14:39 | history | edited | URL Rewriter Bot |
replaced http://imgh.us/grid.svg with https://imgh.us/grid.svg
|
|
Dec 15, 2016 at 21:54 | comment | added | Guid | It works well with thin lines with when you increase the stroke widths (try with 4.0 for instance), some asymetric issues show on. | |
Dec 14, 2015 at 13:54 | comment | added | Laszlo Korte | I really like this solution. However in firefox and safari if the svg get's stretched really large (by setting with:100% and use a really small viewport) there seem to be rounding errors which cause the small grid and the large grid to not align perfectly: imgur.com/qitOro2 is there a way to fix this? | |
Jan 9, 2013 at 11:25 | vote | accept | Sandy | ||
Jan 8, 2013 at 6:56 | comment | added | Thomas W | If you need a more flexible grid in terms of how wide the distance between grid lines is, or what color, stroke-width and background color are used, this can easily be done as well. Feel free to ask if you need any further help on this. | |
Jan 8, 2013 at 6:54 | history | answered | Thomas W | CC BY-SA 3.0 |