Â¥Ö÷

ÇëÎÊÔÚsvgÀïÃæÔõô»­ÐéÏß°¢ rtÆÚÍû¸ßÊֻش𠠠 Êղؠ  ·ÖÏí   ¶¥(0)

	µÚ2Â¥

3.2.4 stroke-dasharray attribute If you need dotted or dashed lines, use the stroke-dasharray attribute, whose value consists of a list of numbers, separated by commas or white- space, specifying dash length and gaps. The list should have an even number of entries, but if you give an odd number of entries, SVG will repeat the list so the total number of entries is even. (See the last instance in Example 3-5.) Example 3-5. Demonstration of stroke-dasharray <svg width="200px" height="200px" viewBox="0 0 200 200"> <!-- nine-pixel dash, five-pixel gap --> <line x1="10" y1="10" x2="100" y2="10" style="stroke-dasharray: 9, 5; stroke: black; stroke-width: 2;" /> <!-- five-pixel dash, three-pixel gap, nine-pixel dash, two-pixel gap --> <line x1="10" y1="20" x2="100" y2="20" style="stroke-dasharray: 5, 3, 9, 2; stroke: black; stroke-width: 2;" /> <!-- Odd number of entries is duplicated; this is equivalent to: nine-pixel dash, three-pixel gap, five-pixel dash, nine-pixel gap, three-pixel dash, five-pixel gap --> <line x1="10" y1="30" x2="100" y2="30" style="stroke-dasharray: 9, 3, 5; stroke: black; stroke-width: 2;" /> </svg> ÒÔÉÏÄÚÈÝÕª×Ô¡¶SVG essentials¡·