Difference between revisions of "Canyon Map/Test"
From B.E.R.T. Wiki
| (9 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | Funky image testing first a reference to a SVG file, with included javascript. | ||
| + | |||
| + | |||
| + | [[Image:Svg_test.svg]] | ||
| + | |||
| + | |||
| + | then in-line HTML, which is behaving oddly. it stops displaying once we're in groups. but I think there is more going on than just that. | ||
| + | |||
<html> | <html> | ||
<body> | <body> | ||
| + | <p>be sure to look at the source for this page</p> | ||
<object> | <object> | ||
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" onload="Init(evt)"> | <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" onload="Init(evt)"> | ||
| Line 97: | Line 106: | ||
]]></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"/> | ||
| Line 106: | Line 117: | ||
<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> | ||
| + | |||
| + | <!-- for some reason none of this displays --> | ||
| + | |||
| + | <p>more below here, but invisible - except for text blocks. weird. something about the groups?</p> | ||
| − | <g id="DisplayGroup" onclick='ToggleDisplay(evt, "DisplayGroup")' display=" | + | <g id="DisplayGroup" onclick='ToggleDisplay(evt, "DisplayGroup")' display="inline"> |
<circle cx="100" cy="335" r="20" fill="orange"/> | <circle cx="100" cy="335" r="20" fill="orange"/> | ||
<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"/> | ||
| Line 117: | Line 132: | ||
<g id="VisibiltyGroup" onclick='ToggleVisibilty(evt, "VisibiltyGroup")' visibility="visible"> | <g id="VisibiltyGroup" onclick='ToggleVisibilty(evt, "VisibiltyGroup")' visibility="visible"> | ||
<circle cx="160" cy="335" r="20" fill="red"/> | <circle cx="160" cy="335" r="20" fill="red"/> | ||
| − | <circle id="VisibiltyGroupException" cx="160" cy="335" r="5" fill="lime" visibilty | + | <circle id="VisibiltyGroupException" cx="160" cy="335" r="5" fill="lime" visibilty="visible" /> |
</g> | </g> | ||
<text x="160" y="370" font-size="15px" text-anchor="middle">Visibilty</text> | <text x="160" y="370" font-size="15px" text-anchor="middle">Visibilty</text> | ||
Latest revision as of 10:56, 29 June 2018
Funky image testing first a reference to a SVG file, with included javascript.
then in-line HTML, which is behaving oddly. it stops displaying once we're in groups. but I think there is more going on than just that.
be sure to look at the source for this page