Creating a Plug-In Component and Making It Mobile

I pointed out to you earlier that the Adobe SVG Viewer does not now support the import of external SVG images using the <image> element. However, after the viewer has that functionality, you can add a whole new dimension to the reuse of code. Reusing code as separate files in some settings makes lots of sense.

Most of this chapter has been pretty abstract, so take a look at a practical issue that arises when you are trying to make an SVG visual component fully reusable.

One advantage of using nested <svg> elements—whether in a single document or using the <image> element to import an external SVG file or visual component—is the ability a separate <svg> element gives you to reposition a complex ...

Get Designing SVG Web Graphics now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.