Page Menu
Home
Code
Search
Configure Global Search
Log In
Files
F948671
test_poly.html
No One
Temporary
Actions
Download File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Size
1 KB
Subscribers
None
test_poly.html
View Options
<
html
xmlns:v
=
"urn:schemas-microsoft-com:vml"
xmlns:o
=
"urn:schemas-microsoft-com:office:office"
>
<
head
>
<
title
>
Testing polyline and line transforms
</
title
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=utf-8"
/>
<
style
type
=
"text/css"
>
@
import
"../../../dojo/resources/dojo.css"
;
@
import
"../../../dijit/tests/css/dijitTests.css"
;
</
style
>
<!--
The next line should include Microsoft's Silverligth.js, if you plan to use the silverlight backend
<script type="text/javascript" src="Silverlight.js"></script>
-->
<
script
type
=
"text/javascript"
src
=
"../../../dojo/dojo.js"
djConfig
=
"isDebug: true"
></
script
>
<
script
type
=
"text/javascript"
src
=
"../_base.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"../shape.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"../path.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"../arc.js"
></
script
>
<!--<script type="text/javascript" src="../vml.js"></script>-->
<!--<script type="text/javascript" src="../svg.js"></script>-->
<!--<script type="text/javascript" src="../canvas.js"></script>-->
<!--<script type="text/javascript" src="../silverlight.js"></script>-->
<
script
type
=
"text/javascript"
>
dojo
.
require
(
"dojox.gfx"
);
makeShapes
=
function
(){
var
surface
=
dojox
.
gfx
.
createSurface
(
"test"
,
500
,
500
);
var
line
=
surface
.
createLine
({
x1
:
250
,
y1
:
50
,
x2
:
250
,
y2
:
250
})
.
setStroke
({
color
:
"blue"
})
;
var
poly
=
surface
.
createPolyline
([{
x
:
250
,
y
:
250
},
{
x
:
300
,
y
:
300
},
{
x
:
250
,
y
:
350
},
{
x
:
200
,
y
:
300
},
{
x
:
250
,
y
:
250
}])
.
setStroke
({
color
:
"blue"
})
;
var
rotate
=
dojox
.
gfx
.
matrix
.
rotategAt
(
5
,
250
,
250
);
//var rotate = dojox.gfx.matrix.rotategAt(0.4, 250, 250);
window
.
setInterval
(
function
()
{
line
.
applyTransform
(
rotate
);
poly
.
applyTransform
(
rotate
);
},
100
);
};
dojo
.
addOnLoad
(
makeShapes
);
</
script
>
</
head
>
<
body
>
<
h1
>
dojox.gfx Polyline test
</
h1
>
<
div
id
=
"test"
style
=
"width: 500px; height: 500px;"
></
div
>
<
p
>
That's all Folks!
</
p
>
</
body
>
</
html
>
File Metadata
Details
Attached
Mime Type
text/html
Expires
Sat, Apr 26, 18:31 (1 d, 5 h ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
24734
Default Alt Text
test_poly.html (1 KB)
Attached To
rZED Zed
Event Timeline
Log In to Comment