Game Development Reference
In-Depth Information
Note that whatever values we define for fill, stroke, stroke width, and so on, are ap-
plied to the entire path. The solution to the problem of wanting different fill and stroke
values is to create additional paths.
Drawing curves is still a bit more complicated. A curve requires three values, namely
two control points, and the final point to which the line is drawn. To illustrate how
control points work, observe the following example:
<svg xmlns="http://www.w3.org/2000/svg"
version="1.1" width="1000" height="1000">
<path
d="M 250 100
L 250 300
M 400 100
L 400 300"
fill="transparent"
stroke-width="45"
stroke="#333" />
<path
d="M 150 300
C 200 500,
450 500,
500 300"
fill="transparent"
