Page Menu
Home
Code
Search
Configure Global Search
Log In
Files
F390637
test_linestyle.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_linestyle.html
View Options
<
html
xmlns:v
=
"urn:schemas-microsoft-com:vml"
xmlns:o
=
"urn:schemas-microsoft-com:office:office"
>
<
head
>
<
title
>
Dojo Unified 2D Graphics
</
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="../vml.js"></script>-->
<!--<script type="text/javascript" src="../svg.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
(
document
.
getElementById
(
"test"
),
500
,
500
);
var
styles
=
[
"none"
,
"Solid"
,
"ShortDash"
,
"ShortDot"
,
"ShortDashDot"
,
"ShortDashDotDot"
,
"Dot"
,
"Dash"
,
"LongDash"
,
"DashDot"
,
"LongDashDot"
,
"LongDashDotDot"
];
var
font
=
"normal normal normal 10pt Arial"
;
// CSS font style
var
y_offset
=
dojox
.
gfx
.
normalizedLength
(
"4pt"
);
for
(
var
i
=
0
;
i
<
styles
.
length
;
++
i
){
var
y
=
20
+
i
*
20
;
surface
.
createText
({
x
:
140
,
y
:
y
+
y_offset
,
text
:
styles
[
i
],
align
:
"end"
}).
setFont
(
font
).
setFill
(
"black"
);
surface
.
createLine
({
x1
:
150
,
y1
:
y
,
x2
:
490
,
y2
:
y
}).
setStroke
({
style
:
styles
[
i
],
width
:
3
,
cap
:
"round"
});
}
};
dojo
.
addOnLoad
(
makeShapes
);
</
script
>
</
head
>
<
body
>
<
h1
>
dojox.gfx: Line style test
</
h1
>
<
div
id
=
"test"
></
div
>
<
p
>
That's all Folks!
</
p
>
</
body
>
</
html
>
File Metadata
Details
Attached
Mime Type
text/html
Expires
Sat, Feb 22, 15:27 (7 h, 55 m ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
26980
Default Alt Text
test_linestyle.html (1 KB)
Attached To
rZED Zed
Event Timeline
Log In to Comment