Difference between revisions of "Canyon Map/Test"

From B.E.R.T. Wiki

< Canyon Map

Line 105: Line 105:
 
   <circle cx="220" cy="25" r="20" fill="blue" onclick="ToggleOpacity(evt)" opacity="1"/>
 
   <circle cx="220" cy="25" r="20" fill="blue" onclick="ToggleOpacity(evt)" opacity="1"/>
 
   <text x="220" y="60" font-size="15px" text-anchor="middle">Opacity</text>
 
   <text x="220" y="60" font-size="15px" text-anchor="middle">Opacity</text>
 
+
<!--
 
   <text x="10" y="80" font-size="17px">
 
   <text x="10" y="80" font-size="17px">
 
       <tspan dx="1em" dy="1em">
 
       <tspan dx="1em" dy="1em">
Line 117: Line 117:
 
       </tspan>
 
       </tspan>
 
       <tspan x="10" dy="1em">
 
       <tspan x="10" dy="1em">
           click events; setting 'opacity' to 0 still allows
+
           click events; setting 'opacity' to 0 still allows ouchy
 
       </tspan>
 
       </tspan>
  
Line 145: Line 145:
 
       </tspan>
 
       </tspan>
 
   </text>
 
   </text>
 
+
-->
 
   <g id="DisplayGroup" onclick='ToggleDisplay(evt, "DisplayGroup")' display="none">
 
   <g id="DisplayGroup" onclick='ToggleDisplay(evt, "DisplayGroup")' display="none">
 
       <circle cx="100" cy="335" r="20" fill="orange"/>
 
       <circle cx="100" cy="335" r="20" fill="orange"/>

Revision as of 10:41, 29 June 2018

Hiding and Showing Elements A demonstration of the differences in approach to hiding an element or group of elements in SVG, using the display, visibility, and opacity style properties. Written by Doug Schepers [[email protected]], September 2003. Display Visibilty Opacity Display Visibilty Opacity