Thomas DeWeese wrote:
Fortunately this example can be done about as simply by
defining a pattern that uses the background content and setting
the pattern as the fill for the lines. You need to setup the
patternUnits and patternContent units properly but this should
not be significantly more difficult than setting up feImage
and the filter properly.
Your suggestion of using a pattern turned out to actually be easier to
implement than the equivalent code using a filter. However I very
quickly run out of memory (even on simple docs) using this technique. I
now have a document that looks like this:
<svg>
<defs>
<pattern id="bgPattern"
patternUnits="userSpaceOnUse"
width="100%" height="100%">
<g>
<!-- insert background image code here -->
</g>
</pattern>
</defs>
</svg>
Now whenever the user draws with the mouse I add <line> elements that
specify bgPattern as the stroke pattern. This works, but extremely
slowly. It also very quickly uses up about 280MB of RAM before
getting an OutOfMemoryErrorException.
--
George Armhold
Rutgers University
eLearning Grant, DCIS
| 
