2N/A<div id="mygraphiccontainer"></div>

2N/A<script>

2N/A YUI().use('graphics', function (Y)

2N/A {

2N/A var mygraphic = new Y.Graphic({render:"#mygraphiccontainer"});

2N/A var myrect = mygraphic.addShape({

2N/A type: "rect",

2N/A stroke: {

2N/A color:"#000",

2N/A weight: 1

2N/A },

2N/A fill: {

2N/A type: "linear",

2N/A rotation: 271,

2N/A stops: [

2N/A {color: "#ff6666", opacity: 1, offset: 0},

2N/A {color: "#00ffff", opacity: 1, offset: 0.5},

2N/A {color: "#000000", opacity: 1, offset: 1}

2N/A ]

2N/A },

2N/A width:685,

2N/A height:400

2N/A });

2N/A var mycircle = mygraphic.addShape({

2N/A type: "circle",

2N/A radius: 50,

2N/A x: 0,

2N/A y: 0,

2N/A fill: {

2N/A type: "radial",

2N/A stops: [

2N/A {color: "#ff6666", offset: 0},

2N/A {color: "#00ffff", offset: 0.4},

2N/A {color: "#000000", offset: 0.7}

2N/A ],

2N/A cx: .5,

2N/A cy: .5,

2N/A fx: 0.1,

2N/A fy: 0.3,

2N/A r: 0.5

2N/A },

2N/A stroke: {

2N/A color: "#000"

2N/A }

2N/A });

2N/A

2N/A });

2N/A</script>

2N/A