8
edits
mNo edit summary |
No edit summary |
||
| Line 19: | Line 19: | ||
<p>There are two features of svg images we'll be taking advantage of. Firstly, in modern browsers, you can just grab the code above and drop it in a div, or anywhere else in the middle of your html and it should work just fine. The second feature are that svg's can handle links just like html, well almost just link. You'll need to write your links like this:</p> | <p>There are two features of svg images we'll be taking advantage of. Firstly, in modern browsers, you can just grab the code above and drop it in a div, or anywhere else in the middle of your html and it should work just fine. The second feature are that svg's can handle links just like html, well almost just link. You'll need to write your links like this:</p> | ||
<code> | <code> | ||
<a xlink:href="http://en.wikipedia.org/wiki/country-name"> | <a xlink:href="http://en.wikipedia.org/wiki/country-name"> | ||
<path id="country-name" d="M0,0l10,10z" /> | |||
</a> | </a> | ||
</code> | </code> | ||
<p>Notice two things about our href. First "xlink:" is prepended to it, that's because technically it's xml not html. Secondly, the url: http://en.wikipedia.org/country-name. Wikipedia searches for whatever you put after the .org/ How convenient is that!?</p> | <p>Notice two things about our href. First "xlink:" is prepended to it, that's because technically it's xml not html. Secondly, the url: http://en.wikipedia.org/country-name. Wikipedia searches for whatever you put after the .org/ How convenient is that!?</p> | ||
edits