- From: ~:'' ありがとうございました。 <j.chetwynd@btinternet.com>
- Date: Sat, 8 Sep 2007 14:25:20 +0100
- To: ~:'' ありがとうございました。 <j.chetwynd@btinternet.com>
- Cc: Jeff Schiller <codedread@gmail.com>, SVG List <www-svg@w3.org>
Jeff,
that's a dinner I owe you.
a beautiful solution that allows for multiple holes**.
had been avoiding me for some weeks.
http://www.igda.org/wiki/Game_Accessibility_SIG
might benefit from your contributions
thanks again!
Jonathan Chetwynd
Accessibility Consultant on Media Literacy and the Internet
<?xml version="1.0" ?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="100%">
<defs>
<symbol id="link" viewBox="0 0 150 150">
<circle cx="75" cy="75" r="75" />
</symbol>
<clipPath id="hole">
<circle cx="37%" cy="55%" r="12%"/>
<circle cx="57%" cy="55%" r="12%"/>
</clipPath>
</defs>
<!-- The sheet sits in back, though it seems like it's in front
because it is not clipped like everything else -->
<rect id="sheet" x="0%" y="0%" width="100%" height="100%" fill="blue" />
<!-- This group contains all the rest of your SVG elements
(including the link) but it is clipped by the hole -->
<g clip-path="url(#hole)" >
<rect id="background" x="0%" y="0%" width="100%" height="100%"
fill="black" />
<text x="20%" y="45%" fill="white">Hello, world!</text>
<a xlink:href="http://www.peepo.co.uk">
<use xlink:href="#link" x="20%" y="50%" width="10%" height="10%"
fill="purple" />
</a>
<circle id="some-other-stuff" cx="50%" cy="50%" r="10%"
fill="yellow"/>
<a id="another-link-not-clickable" xlink:href="http://
www.peepo.co.uk">
<use xlink:href="#link" x="60%" y="60%" width="10%" height="10%"
fill="red" />
</a>
</g>
</svg>
>
Received on Saturday, 8 September 2007 13:25:40 UTC