Naveen Kumar T N wrote:
> Can you please explain briefly what does 'stroke-dashoffset' implies.
You have misunderstood it to be a scale multiplier.
"'stroke-dashoffset' specifies the distance into the dash pattern that must be used to start the dash."
This is a starting offset, along the dash pattern, for the stroke to start at. In your example, the pattern will start 1.25 units along the initial 5 unit dash, so the first dash will be 3.75 units long.
Another way of looking at it, is that the offset shifts the pattern towards the start of the stroke. A negative offset shifts the start of the pattern away from the start of the stroke, and if necessary any gap gets filled from the end of the pattern continuum (according to a quick test with Firefox).
This strikes me as counter-intuitive. Initially, in idiot in a hurry mode, I did not really understand the wording of the specification, having what I think is a normal preconception that an 'offset' would move the start of pattern in a positive direction along the stroke. Only when I realized that it worked 'back to front' did the sense of the wording dawn. Oh well, what you get is what you get. SVG often has a cock-eyed way of looking at things. I mean, its upside-down, for a start. Or is it just me?