W3C home > Mailing lists > Public > www-svg@w3.org > September 2007

3rd Call: HowTo make a 100% sheet with a hole in it that reveals a link

From: ~:'' ありがとうございました。 <j.chetwynd@btinternet.com>
Date: Fri, 7 Sep 2007 09:38:14 +0100
Message-Id: <9CE7F7E8-C637-43C7-BFD5-39326CC8E73F@btinternet.com>
To: SVG List <www-svg@w3.org>

3rd Call: HowTo make a 100% sheet with a hole in it that reveals a link

Hope everyone is enjoying SVG Open 2007.

I've asked variations on this question a number of times, apologies.

This may merit an errata, hence my request for an answer.

The attached file contains a 100% sheet with a hole in it that  
reveals a link.
sheet, hole and link are all IDs in the file.

How can this be made to work?

the "donut" is defined in percentage but clip uses path, and mask  
does not allow pointer events through the hole.

kind regards

Jonathan Chetwynd
Accessibility Consultant on Media Literacy and the Internet

<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>

<symbol id="hole" viewBox="0 0 150 150">
<circle cx="75" cy="75" r="75" />
</symbol>

</defs>

<a xlink:href="http://www.peepo.co.uk">
<use xlink:href="#link" x="30%" y="50%" width="10%" height="10%"  
fill="purple"/>
</a>

<rect x="0" y="0" width="100%" height="100%" fill="blue" id="sheet" />

<use xlink:href="#hole" x="20%" y="40%" width="30%" height="30%"
fill="black"/>

</svg>
Received on Friday, 7 September 2007 08:38:28 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:37 GMT