Difference between revisions of "Canyon Map/Test"

From B.E.R.T. Wiki

< Canyon Map

Line 98: Line 98:
 
   ]]></script>
 
   ]]></script>
  
 +
 +
<!--
 
   <circle cx="100" cy="25" r="20" fill="orange" onclick="ToggleDisplay(evt)" display="inline"/>
 
   <circle cx="100" cy="25" r="20" fill="orange" onclick="ToggleDisplay(evt)" display="inline"/>
 
   <text x="100" y="60" font-size="15px" text-anchor="middle">Display</text>
 
   <text x="100" y="60" font-size="15px" text-anchor="middle">Display</text>
Line 107: Line 109:
 
   <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>
  
 
+
-->
  
 
   <g id="DisplayGroup" onclick='ToggleDisplay(evt, "DisplayGroup")' display="none">
 
   <g id="DisplayGroup" onclick='ToggleDisplay(evt, "DisplayGroup")' display="none">
Line 113: Line 115:
 
       <circle id="DisplayGroupException" cx="100" cy="335" r="5" fill="lime" display="inline"/>
 
       <circle id="DisplayGroupException" cx="100" cy="335" r="5" fill="lime" display="inline"/>
 
   </g>
 
   </g>
 +
 
   <text x="100" y="370" font-size="15px" text-anchor="middle">Display</text>
 
   <text x="100" y="370" font-size="15px" text-anchor="middle">Display</text>
  

Revision as of 10:44, 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