raphael.js level01 円描画

raphaeljsで中心に円を描画する

by ms19780414

HTML

<script type="text/javascript" src="http://dl.dropbox.com/u/63305355/raphael-min.js"></script>
<div id="canvas"></div>

CSS

body,html
{
    height:100%;
    margin:0;
}

#canvas 
{
    height:99%;
    background:#fff;
    text-align:center;
}

JavaScript

window.onload = function () {
    
var paper = Raphael(0,0,"100%","100%"); 
        
paper.circle(
    $(window).width()/2,
    $(window).height()/2,
    200)
    .attr({
        stroke:"none",
        fill:"#888"
    });
};