Note that there are some explanatory texts on larger screens.

plurals
  1. POVML alternative to SVG pattern (possibly using Raphael JS)
    primarykey
    data
    text
    <p>In SVG it is possible to define a pattern that can be used as the fill for a path. For an example of what I mean you can check this link: <a href="http://www.carto.net/papers/svg/samples/pattern1.svg" rel="nofollow">SVG pattern example</a>. Unfortunately SVG is not usable in older versions of Internet Explorer, so I'll have to work with VML there.</p> <p>To make my life a little more easy I use Rapha&euml;l JS (to be more specific, I use the draw package of ExtJS 4.0, which is based on Rapha&euml;l), so I don't have to worry about the differences between SVG and VML.</p> <p>Raphael JS however, does not provide a way to define patterns and use them, so I'll have to do this by hand. In SVG this is not much of a problem, but in VML I cannot find a way to create a pattern and use it as the (repeating) background of a path.</p> <p>The closest thing I have found is the ability to use an image as the background of a path, as described <a href="http://msdn.microsoft.com/en-us/library/bb264135%28v=vs.85%29.aspx#Pattern%20fill" rel="nofollow">here on MSDN</a>. The problem is I want to fill the path with a repeating vector image, so I can scale it and still have it look nice.</p> <p>Any help in pointing me in the right direction for solving this would be greatly appreciated.</p> <p><strong>Edit:</strong> For people visiting my post: I've come to the conclusion that what I describe above is not possible. The only patterning possible in VML is tiling an image, using a <a href="http://www.w3.org/TR/NOTE-VML#_Toc416858394" rel="nofollow">fill element</a>. Patterns made of vector shapes are not possible in VML.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload