Mercurialnekurak.net / file revision
summary | shortlog | changelog | graph | tags | branches | files | changeset | file | latest | revisions | annotate | diff | raw
html/graf.svg
author František Kučera <franta-hg@frantovo.cz>
Tue Apr 27 11:15:36 2010 +0200 (2010-04-27)
changeset 105 f9c0ce760189
parent 60 1a05c7ce4f73
child 106 6209f3d550c5
permissions -rw-r--r--
SVG graf – hlasování: kouřit/nekouřit 
     1 <?xml version="1.0"?>

     2 <svg width="1000" height="1000"

     3      xmlns="http://www.w3.org/2000/svg"

     4      xmlns:xlink="http://www.w3.org/1999/xlink">

     5 

     6 

     7     <!--

     8     <a xlink:href="http://frantovo.cz"  xlink:title="Moje stránky!">

     9 	<circle cx="150" cy="100" r="50" style="fill:red; stroke-width: 3; stroke:rgb(0,0,0)"/>

    10     </a>

    11 

    12     <a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="Nečum!">

    13 	<circle cx="200" cy="100" r="50" style="fill:blue; stroke-width: 3; stroke:rgb(0,0,0)"/>

    14     </a>

    15     -->

    16 

    17     <style type="text/css">

    18 	rect.ne {

    19 	fill:  url(#ne_prechod);

    20 	stroke: black;

    21 	}

    22 	rect.ano {

    23 	fill: url(#ano_prechod);

    24 	stroke: black;

    25 	}

    26 

    27 	a:hover rect.ano, a:hover rect.ne {

    28 	fill: url(#zvyrazneny_prechod);

    29 	}

    30 

    31 	a:hover text {

    32 	fill: green;

    33 	}

    34 

    35 	line.ramecek {

    36 	stroke: black;

    37 	stroke-width: 2;

    38 	}

    39 

    40 

    41 	rect.pozadi {

    42 	fill: url(#pozadi_prechod);

    43 	}

    44 

    45 	text {

    46 	font-size: 12px;

    47 	font-family: Sans;

    48 	}

    49 

    50     </style>

    51 

    52     <!-- pozadí – přechod -->

    53     <defs>

    54 	<linearGradient id="pozadi_prechod" x1="0%" y1="0%" x2="100%" y2="100%">

    55 	    <stop offset="0%" style="stop-color:silver; stop-opacity:1"/>

    56 	    <stop offset="100%" style="stop-color:gray; stop-opacity:1"/>

    57 	</linearGradient>

    58     </defs>

    59 

    60     <!-- nekuřácký graf – přechod -->

    61     <defs>

    62 	<linearGradient id="ne_prechod" x1="0%" y1="0%" x2="100%" y2="100%">

    63 	    <stop offset="0%" style="stop-color:white; stop-opacity:1"/>

    64 	    <stop offset="100%" style="stop-color:blue; stop-opacity:1"/>

    65 	</linearGradient>

    66     </defs>

    67 

    68     <!-- zvýrazněný graf – přechod -->

    69     <defs>

    70 	<linearGradient id="zvyrazneny_prechod" x1="0%" y1="0%" x2="100%" y2="100%">

    71 	    <stop offset="0%" style="stop-color:white; stop-opacity:1"/>

    72 	    <stop offset="100%" style="stop-color:green; stop-opacity:1"/>

    73 	</linearGradient>

    74     </defs>

    75 

    76     <!-- kuřácký graf – přechod -->

    77     <defs>

    78 	<linearGradient id="ano_prechod" x1="0%" y1="0%" x2="100%" y2="100%">

    79 	    <stop offset="0%" style="stop-color:white; stop-opacity:1"/>

    80 	    <stop offset="100%" style="stop-color:red; stop-opacity:1"/>

    81 	</linearGradient>

    82     </defs>

    83 

    84     <!-- pozadí a linka -->

    85     <rect x="0" y="0" width="200" height="200" class="pozadi"/>

    86     <line x1="10" y1="180" x2="190" y2="180" class="ramecek"/>

    87 

    88     <!-- Nadpis grafu -->

    89     <text x="60" y="20">Mělo by se tu:</text>

    90 

    91     <!-- nekuřáci -->

    92     <a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="xxx nekouřit">

    93 	<text x="30" y="195" class="ne">nekouřit</text>

    94 	<rect x="30" y="30" width="50" height="150" class="ne"/>

    95     </a>

    96 

    97     <!-- kuřáci -->

    98     <a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="xxx kouřit">

    99 	<text x="130" y="195" class="ano">kouřit</text>

   100 	<rect x="120" y="30" width="50" height="150" class="ano"/>

   101     </a>

   102 </svg>
nekurak.net