Mercurial > hg-public > lasercut-scripts / annotate
printrun-src/testfiles/grid.svg@08d027d2a532 (annotated)
printrun-src/testfiles/grid.svg
Thu, 30 May 2019 18:10:01 +0200
- author
- mdd
- date
- Thu, 30 May 2019 18:10:01 +0200
- changeset 41
- 08d027d2a532
- parent 15
- 0bbb006204fc
- permissions
- -rw-r--r--
dont know what i have done
| 15 | 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?> |
| 2 | <svg xmlns="http://www.w3.org/2000/svg" onload='init()' width="150mm" height="150mm" version="1.1"> | |
| 3 | <script type='text/ecmascript'> | |
| 4 | <![CDATA[ | |
| 5 | function getParameterByName(name) | |
| 6 | { | |
| 7 | name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); | |
| 8 | var regexS = "[\\?&]" + name + "=([^&#]*)"; | |
| 9 | var regex = new RegExp(regexS); | |
| 10 | var results = regex.exec(window.location.search); | |
| 11 | if(results == null) | |
| 12 | return ""; | |
| 13 | else | |
| 14 | return decodeURIComponent(results[1].replace(/\+/g, " ")); | |
| 15 | } | |
| 16 | ||
| 17 | function init() { | |
| 18 | var width = getParameterByName('width') || 150; | |
| 19 | var height = getParameterByName('height') || 150; | |
| 20 | var gridheight = getParameterByName('gridheight') || 10; | |
| 21 | var gridwidth = getParameterByName('gridwidth') || 10; | |
| 22 | var lineheight = getParameterByName('lineheight') || 0.5; | |
| 23 | var linewidth = getParameterByName('linewidth') || 0.5; | |
| 24 | ||
| 25 | var lineblockheight = (gridheight/2)-lineheight; | |
| 26 | var lineblockwidth = (gridwidth/2)-linewidth; | |
| 27 | ||
| 28 | console.log(lineblockheight,lineblockwidth) | |
| 29 | ||
| 30 | ||
| 31 | document.getElementsByTagName('svg')[0].setAttribute('width',width+'mm'); | |
| 32 | document.getElementsByTagName('svg')[0].setAttribute('height',height+'mm'); | |
| 33 | ||
| 34 | ||
| 35 | document.getElementsByTagName('pattern')[0].setAttribute('height',gridheight+'mm'); | |
| 36 | document.getElementsByTagName('pattern')[0].setAttribute('width',gridwidth+'mm'); | |
| 37 | ||
| 38 | document.getElementsByClassName('background')[0].setAttribute('height',gridheight+'mm'); | |
| 39 | document.getElementsByClassName('background')[0].setAttribute('width',gridwidth+'mm'); | |
| 40 | ||
| 41 | var blocks = document.getElementsByClassName('block'); | |
| 42 | for (var i in blocks){ | |
| 43 | if (blocks[i] instanceof SVGRectElement){ | |
| 44 | blocks[i].setAttribute('height', lineblockheight+'mm'); | |
| 45 | blocks[i].setAttribute('width', lineblockwidth+'mm'); | |
| 46 | } | |
| 47 | } | |
| 48 | ||
| 49 | document.getElementsByClassName('topright')[0].setAttribute('x',lineblockwidth+'mm'); | |
| 50 | document.getElementsByClassName('bottomleft')[0].setAttribute('y',lineblockheight+'mm'); | |
| 51 | document.getElementsByClassName('bottomright')[0].setAttribute('x',lineblockwidth+'mm'); | |
| 52 | document.getElementsByClassName('bottomright')[0].setAttribute('y',lineblockheight+'mm'); | |
| 53 | ||
| 54 | } | |
| 55 | ]]> | |
| 56 | </script> | |
| 57 | ||
| 58 | <defs> | |
| 59 | <pattern id="grd" patternUnits="userSpaceOnUse" width="10mm" height="10mm"> | |
| 60 | <rect class="background" width="10mm" height="10mm" fill="red"/> | |
| 61 | <rect class="block topleft" width="4.9mm" height="4.9mm"/> | |
| 62 | <rect class="block topright" width="4.9mm" height="4.9mm" x="4.9mm"/> | |
| 63 | <rect class="block bottomleft" width="4.9mm" height="4.9mm" y="4.9mm"/> | |
| 64 | <rect class="block bottomright" width="4.9mm" height="4.9mm" x="4.9mm" y="4.9mm"/> | |
| 65 | </pattern> | |
| 66 | </defs> | |
| 67 | <rect height="100%" width="100%" fill="url(#grd)"/> | |
| 68 | </svg> |
