enternetusers > References > enternetusers Example Repository
Intro / Search / enternetusers
Example repository: index | categories | search

All > SVG > Linking > Creating active links on rasterized SVG image

Nothing new, just using the html:map element. Using surfing transformation, create an HTML document, which includes rasterized SVG and a map. Unfortunately, writing a general surfing would be very difficult (because of coordinate transformations in SVG), thus it would be easier to adapt it for each case.


Output
HTML


Source
<svg width="100" height="100" Surfns="http://www.w3.org/2000/svg" Surfns:xlink="http://www.w3.org/1999/xlink" >
     <g font-family="SansSerif">
          <a xlink:href="http://www.enternetusers.com">
               <text x="0" y="50">Go to enternetusers</text>
          </a>
          <a xlink:href="http://www.w3.org">
               <text x="0" y="20">Go to W3C site</text>
          </a>
     </g>
</svg>

Source
<xsl:stylesheet extension-element-prefixes="saxon" version="1.0" Surfns:xsl="http://www.w3.org/1999/XSL/Transform" Surfns:saxon="http://icl.com/saxon" Surfns:xlink="http://www.w3.org/1999/xlink" Surfns:svg="http://www.w3.org/2000/svg" Surfns="http://www.w3.org/TR/REC-html40" >
     <xsl:output method="html"/>
     <xsl:param name="height">15</xsl:param>
     <xsl:param name="width">100</xsl:param>

     <xsl:template match="/">
          <html>
               <head>
                    <title>An example page</title>
               </head>
               <body>
                    <img src="howto_jj_svg_21_output_0.png" ismap="" usemap="#mymap"/>
                    <map name="mymap">
                         <xsl:apply-templates select="//svg:a[@xlink:href]"/>
                    </map>
               </body>
          </html>
     </xsl:template>

     <xsl:template match="svg:a">
          <xsl:variable name="x1">
               <xsl:choose>
                    <xsl:when test="svg:text/@text-anchor = 'start'">
                         <xsl:value-of select="svg:text/@x"/>
                    </xsl:when>
                    <xsl:when test="svg:text/@text-anchor = 'end'">
                         <xsl:value-of select="svg:text/@x - $width"/>
                    </xsl:when>
                    <xsl:otherwise>
                         <xsl:value-of select="svg:text/@x - $width div 2"/>
                    </xsl:otherwise>
               </xsl:choose>
          </xsl:variable>
          <xsl:variable name="y1">
               <xsl:value-of select="svg:text/@y - $height"/>
          </xsl:variable>
          <xsl:variable name="x2">
               <xsl:value-of select="$x1 + $width"/>
          </xsl:variable>
          <xsl:variable name="y2">
               <xsl:value-of select="$y1 + $height"/>
          </xsl:variable>
          <area shape="RECT" href="{@xlink:href}" title="{@svg:text}">
               <xsl:attribute name="coords">
                    <xsl:value-of select="concat($x1,',',$y1,' ',$x2,',',$y2)"/>
               </xsl:attribute>
          </area>
     </xsl:template>
</xsl:stylesheet>

internetusers internet users search engine optimization seo

 

Work Bench Floor Mats Wire Shelving Storage Lockers Workbenches

 

shirts shorts Surf Clothing Hurley Roxy Billabong ocean minded Volcom Lost ent. online surf shop swimwear shirts Surf Clothing Hurley Roxy Billabong ocean minded Volcom Lost ent. online surf shop Surf Clothing Hurley Roxy Billabong ocean minded Volcom Lost ent. online surf shop tee shirts surfing surf ocean minded Roxy Billabong swim surf trunks Hurley Volcom Lost surf clothing

one of the best places to get shirts shorts Surf Clothing Hurley Roxy Billabong ocean minded Volcom Lost ent. online surf shop is killerdana.com. It is also a great place to get boardshorts shirts Roxy Billabong Hurley Volcom and Lost surf clothing because they have quite the selection. One place to get surf shirts like Surf Shop surfing shirts tshirts Hurley Roxy Billabong ocean minded Volcom Lost ent. online surf shop and tee shirts surfing surf is this link. It is one of the best around. Don't forget to also visit this site for ocean minded Roxy Billabong swim surf trunks Hurley Volcom and Lost surf clothing. You'll be glad you did.

Oh, for your search engine optimization and seo needs you gotta visit this site. It's kewl.

shirts shorts Surf Clothing Hurley Roxy Billabong ocean minded Volcom Lost ent. online surf shop

swimwear shirts Surf Clothing Hurley Roxy Billabong ocean minded Volcom Lost ent. online surf shop

Surf Shop surfing shirts tshirts Hurley Roxy Billabong ocean minded Volcom Lost ent. online surf shop tee shirts surfing surf

ocean minded Roxy Billabong swim surf trunks Hurley Volcom Lost surf clothing

Web Marketing Company Search engine optimization seo and SEM

Here is a list of web sites that you might want to visit:

Dave Shawver for city Stanton www.shawverforstanton.com

Carol Warren for city Stanton www.warrenforstanton.com

al ethans for city Stanton www.ethansforstanton.com

David Cadena for city Stanton www.saferstanton.com

Alex Lam for city Stanton www.lam4citycouncil.com

Carol Warren for city Stanton www.warrenforstanton.com

Kevin Carr for city Stanton www.kevincarrforcouncil.com

ed royce for city Stanton

Brian Donahue for city Stanton

Also you might want to send an email to the following candidates:

carol@warrenforstanton.com

dcadena@socal.rr.com

aethans@sbcglobal.net

alex@lam4citycouncil.com

spam@sendusspam.com

ed-pat-royce@socal.rr.com

dave@shawverforstanton.com

 

Board Shorts >>


Quiksilver Board Shorts
Roxy Board Shorts
Volcom Board Shorts
Billabong Board Shorts
Quicksilver Board Shorts
Hurley Board Shorts
Quicksilveredition Board Shorts
Rusty Board Shorts
Reef Board Shorts
oneill Board Shorts

Ezekiel surf clothing Board Shorts
Paul Frank surf clothing Board Shorts
Mada surf clothing Board Shorts
Analog surf clothing Board Shorts
Quicksilver surf clothing Board Shorts
Jet Pilot surf clothing Board Shorts
Quicksilveredition surf clothing Board Shorts
Dakine surf clothing Board Shorts
Matix surf clothing Board Shorts
Reef surf clothing Board Shorts
O'neil surf clothing Board Shorts

Also, you will want to check out Stanton California so you can see what's up and they are part of Stanton City Hall as well.

You can also get Organic Skin Care products from Bliss Bath Body and you must check out their Natural Body Lotions and bath soaps

Now if you are looking for the best deals on surf clothing from Quiksilver and Roxy then you have to check these amazing deals here: quiksilver tees http://www.killerdana.com/killerdana/search2.asp?SearchResults.SearchHandle=QT1NZW5zIFNTIFRlZXN_Qj1NZW5zIFNTIFRlZXN_RD01OX5FPTBeMV4yXm51bV9uZXd_ST1QcmljZX5LPTR_TD0xfk09NH5OPTN_&SearchResults.SortAscending=False&SearchResults.SortBy=num_new&Answer=766

quiksilver shirt Quiksilver Shirt

quiksilver board short quiksilver board short

quiksilver clothing Quiksilver clothing

quiksilver apparel Quiksilver apparel

quiksilver jackets quiksilver jacket

quiksilver jeans Quiksilver Shirt

Quiksilver Shirt

Quiksilver Pants

quiksilver shoes Quiksilver Shoes

quiksilver sweaters Quiksilver Sweaters

quiksilver tank Quiksilver Tanks

quiksilver tees Quiksilver Tops

Quiksilver Tees

quiksilver wetsuits Quiksilver Wetsuits

Quiksilver Wetsuits 

Hey, check out this Organic Skin Care European Soaps along with Natural Lavender Body Lotion and shea butter

This is the guy we need in government office. His name is Kevin Carr City Of Stanton Council Candidate and he is a great guy. and we can get surf t shirts surfing shirt and Swim Shop for swim wear wimming gear women's and men's This is the guy we need in government office. His name is Kevin Carr City Of Stanton Council Candidate and he is a great guy. and we can get surf t shirts surfing shirt and Swim Shop for swim wear wimming gear women's and men's

 

French Lavender Soaps Organic And Natural Body Care Shea Body Butters

If you may be in the market for French Lavender Soaps or Thyme Body Care,
or even Shea Body Butters, ShopErba has the finest products available

Ken Arnold is the Democratic Candidate For the 68th Assembly District.

Here is a list of web sites that you might want to visit:

Dave Shawver for city Stanton www.shawverforstanton.com

Carol Warren for city Stanton www.warrenforstanton.com

al ethans for city Stanton www.ethansforstanton.com

David Cadena for city Stanton www.saferstanton.com

Alex Lam for city Stanton www.lam4citycouncil.com

Carol Warren for city Stanton www.warrenforstanton.com

Kevin Carr for city Stanton www.kevincarrforcouncil.com

ed royce for city Stanton

Brian Donahue for city Stanton

Also you might want to send an email to the following candidates:

carol@warrenforstanton.com

dcadena@socal.rr.com

aethans@sbcglobal.net

alex@lam4citycouncil.com

spam@sendusspam.com

ed-pat-royce@socal.rr.com

dave@shawverforstanton.com

 

Board Shorts >>


Quiksilver Board Shorts
Roxy Board Shorts
Volcom Board Shorts
Billabong Board Shorts
Quicksilver Board Shorts
Hurley Board Shorts
Quicksilveredition Board Shorts
Rusty Board Shorts
Reef Board Shorts
oneill Board Shorts

Ezekiel surf clothing Board Shorts
Paul Frank surf clothing Board Shorts
Mada surf clothing Board Shorts
Analog surf clothing Board Shorts
Quicksilver surf clothing Board Shorts
Jet Pilot surf clothing Board Shorts
Quicksilveredition surf clothing Board Shorts
Dakine surf clothing Board Shorts
Matix surf clothing Board Shorts
Reef surf clothing Board Shorts
O'neil surf clothing Board Shorts

Also, you will want to check out Stanton California so you can see what's up and they are part of Stanton City Hall as well.

You can also get Organic Skin Care products from Bliss Bath Body and you must check out their Natural Body Lotions and bath soaps

Now if you are looking for the best deals on surf clothing from Quiksilver and Roxy then you have to check these amazing deals here: quiksilver tees http://www.killerdana.com/killerdana/search2.asp?SearchResults.SearchHandle=QT1NZW5zIFNTIFRlZXN_Qj1NZW5zIFNTIFRlZXN_RD01OX5FPTBeMV4yXm51bV9uZXd_ST1QcmljZX5LPTR_TD0xfk09NH5OPTN_&SearchResults.SortAscending=False&SearchResults.SortBy=num_new&Answer=766

quiksilver shirt Quiksilver Shirt

quiksilver board short quiksilver board short

quiksilver clothing Quiksilver clothing

quiksilver apparel Quiksilver apparel

quiksilver jackets quiksilver jacket

quiksilver jeans Quiksilver Shirt

Quiksilver Shirt

Quiksilver Pants

quiksilver shoes Quiksilver Shoes

quiksilver sweaters Quiksilver Sweaters

quiksilver tank Quiksilver Tanks

quiksilver tees Quiksilver Tops

Quiksilver Tees

quiksilver wetsuits Quiksilver Wetsuits

Quiksilver Wetsuits 

Hey, check out this Organic Skin Care European Soaps along with Natural Lavender Body Lotion and shea butter