HTML-Tested-JavaScript
view release on metacpan or search on metacpan
t/tiger.xhtml view on Meta::CPAN
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>XHTML test</title></head>
<style>
svg {
-moz-user-select: none;
}
#zoom_cont {
-moz-user-select: none;
position: relative;
width: 16px;
height: 180px;
background-color: red;
}
#zoom_ptr {
width: 27px;
height: 10px;
position: absolute;
background-color: black;
top: 15px;
left: -5px;
}
</style>
<body>
<div id="zoom_cont"><div id="zoom_ptr"></div></div>
<div id="svg_area">
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
height="800" width="800" viewBox="0 0 800 800">
<g transform="translate(200,200)" style="fill-opacity:1; fill:none;">
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-122.304 84.285C-122.304 84.285 -122.203 86.179 -123.027 86.16C-123.851 86.141 -140.305 38.066 -160.833 40.309C-160.833 40.309 -143.05 32.956 -122.304 84.285z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-118.774 81.262C-118.774 81.262 -119.323 83.078 -120.092 82.779C-120.86 82.481 -119.977 31.675 -140.043 26.801C-140.043 26.801 -120.82 25.937 -118.774 81.262z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-91.284 123.59C-91.284 123.59 -89.648 124.55 -90.118 125.227C-90.589 125.904 -139.763 113.102 -149.218 131.459C-149.218 131.459 -145.539 112.572 -91.284 123.59z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-94.093 133.801C-94.093 133.801 -92.237 134.197 -92.471 134.988C-92.704 135.779 -143.407 139.121 -146.597 159.522C-146.597 159.522 -149.055 140.437 -94.093 133.801z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-98.304 128.276C-98.304 128.276 -96.526 128.939 -96.872 129.687C-97.218 130.435 -147.866 126.346 -153.998 146.064C-153.998 146.064 -153.646 126.825 -98.304 128.276z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-109.009 110.072C-109.009 110.072 -107.701 111.446 -108.34 111.967C-108.979 112.488 -152.722 86.634 -166.869 101.676C-166.869 101.676 -158.128 84.533 -109.009 110.072z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-116.554 114.263C-116.554 114.263 -115.098 115.48 -115.674 116.071C-116.25 116.661 -162.638 95.922 -174.992 112.469C-174.992 112.469 -168.247 94.447 -116.554 114.263z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-119.154 118.335C-119.154 118.335 -117.546 119.343 -118.036 120.006C-118.526 120.669 -167.308 106.446 -177.291 124.522C-177.291 124.522 -173.066 105.749 -119.154 118.335z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-108.42 118.949C-108.42 118.949 -107.298 120.48 -107.999 120.915C-108.7 121.35 -148.769 90.102 -164.727 103.207C-164.727 103.207 -153.862 87.326 -108.42 118.949z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
<path d="M-128.2 90C-128.2 90 -127.6 91.8 -128.4 92C-129.2 92.2 -157.8 50.2 -177.001 57.8C-177.001 57.8 -161.8 46 -128.2 90z"/>
</g>
<g style="fill: #ffffff; stroke:#000000; stroke-width:0.172">
( run in 0.855 second using v1.01-cache-2.11-cpan-119454b85a5 )