This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
ivac2:firdef_map_pattern [2015/04/11 01:20] filip.jonckers created |
ivac2:firdef_map_pattern [2017/04/08 14:27] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | [[ivac2:firdef_toc|Back]] | + | ====== Stroke Pattern attribute ====== |
| - | + | ||
| - | ====== Pattern attribute ====== | + | |
| To draw a line pattern (dotted or dashed), use the pattern attribute to define the line pattern. | To draw a line pattern (dotted or dashed), use the pattern attribute to define the line pattern. | ||
| Line 7: | Line 5: | ||
| The pattern attribute value consists of one or more comma separated double values, this array of numbers specifies the sequence of dash/space/dash/space etc. When finished the sequence repeats itself to the end of the line. | The pattern attribute value consists of one or more comma separated double values, this array of numbers specifies the sequence of dash/space/dash/space etc. When finished the sequence repeats itself to the end of the line. | ||
| - | - Ordered List ItemPattern="5" | ||
| - | A basic setting that will result in a dashed line where both the dashes and spaces are 5 pixels in size. | ||
| - | context.setLineDash([1,2]) | + | |stroke_pattern="5" | A basic setting that will result in a dashed line where both the dashes and spaces are 5 pixels in size. | |
| - | A setting that will result in a dotted line where the dashes are 1 pixel in size and the spaces are 2 pixels. | + | |stroke_pattern="1,2" | A setting that will result in a dotted line where the dashes are 1 pixel in size and the spaces are 2 pixels. | |
| + | |stroke_pattern="2,3" | Another dashed line but with small dashes. | | ||
| + | |stroke_pattern="5,5,2,2" | A setting where the first dash is five pixels, then a space of five pixels, then a dash of two pixels, then a space of two pixels, then the sequence starts again. | | ||
| - | context.setLineDash([2,3]) | ||
| - | Another dashed line but with small dashes. | ||
| - | context.setLineDash([5,5,2,2]) | + | <code XML> |
| - | A setting where the first dash is five pixels, then a space of five pixels, then a dash of two pixels, then a space of two pixels, then the sequence starts again. | + | <lines stroke_pattern="8,4"> |
| + | <point lon="E0042957" lat="N0511059"/> | ||
| + | <point lon="E0044324" lat="N0510755"/> | ||
| + | </lines> | ||
| + | </code> | ||
| + | A few examples of what is possible... | ||
| + | {{ :ivac2:firdef:pattern_example.png |}} | ||
| - | The pattern argument is a 16-bit series of 0s and 1s, and it's repeated as necessary to //stipple// a given line. A 1 indicates that drawing occurs, and 0 that it does not, on a pixel-by-pixel basis, beginning with the low-order bits of the pattern. | ||
| - | |||
| - | <code XML> | ||
| - | <line stipple="16135"> | ||
| - | <point lon="E0042957" lat="N0511059"/> | ||
| - | <point lon="E0044324" lat="N0510755"/> | ||
| - | </line> | ||
| - | </code> | ||
| - | |||
| - | where 16135 = 0011111100000111 in binary | ||
| - | With the preceding example and the pattern 16135 (which translates to 0011111100000111 in binary), a line would be drawn with 3 pixels on, then 5 off, 6 on, and 2 off. (If this seems backward, remember that the low-order bits are used first.) If factor had been 2, the pattern would have been elongated: 6 pixels on, 10 off, 12 on, and 4 off. | + | ---- |
| + | [[ivac2:firdef|Back]] | ||