Difference between revisions of "Canyon Map/Test"

From B.E.R.T. Wiki

< Canyon Map
Line 1: Line 1:
−
File:svg_test.svg
 
−
 
−
a test to see if we can get dynamic SVG to execute in a page.
 
−
Above is a SVG file reference
 
−
-----
 
−
here is raw svg of same
 
−
 
−
 
 
<html>
 
<html>
 
<body>
 
<body>
Line 127: Line 119:
 
           click events; setting 'opacity' to 0 still allows
 
           click events; setting 'opacity' to 0 still allows
 
       </tspan>
 
       </tspan>
 +
 
       <tspan x="10" dy="1em">
 
       <tspan x="10" dy="1em">
 
           you to target it.
 
           you to target it.
Line 175: Line 168:
 
</body>
 
</body>
 
</html>
 
</html>
−
 
−
 
−
----
 
−
below ( view source ) is raw html
 

Revision as of 10:40, 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 As you can see, by clicking each circle above, once you toggle 'visibility' or 'display', you can't change it back, because it no longer responds to click events; setting 'opacity' to 0 still allows you to target it. However, 'opacity' is the most computationally expensive of the three, followed by 'visibility'; 'display: none' is the cheapest, because it simply does not render at all. If you are trying to hide an entire group, except for one particular member of that group, use 'visibility' as it is overrideable in inheritance. Display Visibilty Opacity

Retrieved from "https://www.badubadu.com/wiki/index.php?title=Canyon_Map/Test&oldid=473"