update
Former-commit-id: bdede6ed1b6f578f2ef046c338caf02d0b29d453 [formerly 7187de361b53e9c8ec121df379b762f2db736ea2] Former-commit-id: 447d58460fbbfd05ffe08428a1288e392637561d
This commit is contained in:
83
_embed/public/ace/demo/kitchen-sink/docs/svg.svg
Normal file
83
_embed/public/ace/demo/kitchen-sink/docs/svg.svg
Normal file
@@ -0,0 +1,83 @@
|
||||
<svg
|
||||
width="800" height="600"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
onload="StartAnimation(evt)">
|
||||
|
||||
<title>Test Tube Progress Bar</title>
|
||||
<desc>Created for the Web Directions SVG competition</desc>
|
||||
|
||||
<script type="text/ecmascript"><![CDATA[
|
||||
var timevalue = 0;
|
||||
var timer_increment = 1;
|
||||
var max_time = 100;
|
||||
var hickory;
|
||||
var dickory;
|
||||
var dock;
|
||||
var i;
|
||||
|
||||
function StartAnimation(evt) {
|
||||
hickory = evt.target.ownerDocument.getElementById("hickory");
|
||||
dickory = evt.target.ownerDocument.getElementById("dickory");
|
||||
dock = evt.target.ownerDocument.getElementById("dock");
|
||||
|
||||
ShowAndGrowElement();
|
||||
}
|
||||
function ShowAndGrowElement() {
|
||||
timevalue = timevalue + timer_increment;
|
||||
if (timevalue > max_time)
|
||||
return;
|
||||
// Scale the text string gradually until it is 20 times larger
|
||||
scalefactor = (timevalue * 650) / max_time;
|
||||
|
||||
if (timevalue < 30) {
|
||||
hickory.setAttribute("display", "");
|
||||
hickory.setAttribute("transform", "translate(" + (600+scalefactor*3*-1 ) + ", -144 )");
|
||||
}
|
||||
|
||||
if (timevalue > 30 && timevalue < 66) {
|
||||
dickory.setAttribute("display", "");
|
||||
dickory.setAttribute("transform", "translate(" + (-795+scalefactor*2) + ", 0 )");
|
||||
}
|
||||
if (timevalue > 66) {
|
||||
dock.setAttribute("display", "");
|
||||
dock.setAttribute("transform", "translate(" + (1450+scalefactor*2*-1) + ", 144 )");
|
||||
}
|
||||
|
||||
// Call ShowAndGrowElement again <timer_increment> milliseconds later.
|
||||
setTimeout("ShowAndGrowElement()", timer_increment)
|
||||
}
|
||||
window.ShowAndGrowElement = ShowAndGrowElement
|
||||
]]></script>
|
||||
|
||||
<rect
|
||||
fill="#2e3436"
|
||||
fill-rule="nonzero"
|
||||
stroke-width="3"
|
||||
y="0"
|
||||
x="0"
|
||||
height="600"
|
||||
width="800"
|
||||
id="rect3590"/>
|
||||
|
||||
<text
|
||||
style="font-size:144px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans Bold"
|
||||
x="50"
|
||||
y="350"
|
||||
id="hickory"
|
||||
display="none">
|
||||
Hickory,</text>
|
||||
<text
|
||||
style="font-size:144px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans Bold"
|
||||
x="50"
|
||||
y="350"
|
||||
id="dickory"
|
||||
display="none">
|
||||
dickory,</text>
|
||||
<text
|
||||
style="font-size:144px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans Bold"
|
||||
x="50"
|
||||
y="350"
|
||||
id="dock"
|
||||
display="none">
|
||||
dock!</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
Reference in New Issue
Block a user