Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.0.0/raphael-min.js"></script>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script type="text/javascript">
 var paper = Raphael(50, 50, 500, 500);
paper.rect(0,0,400,300).attr({fill:'red'})
//paper.path("M30 200A 30 30 0 0 1 100 100Z")//A rx ry x-axis-rotation large-arc-flag sweep-flag x y
//paper.path("M30 200A 30 50 0 0 1 100 100Z")//rx,ry 弧的半长轴、半短轴长度
//paper.path("M30 200A 30 50 0 0 0 100 100Z")//sweep-flag 为1代表从起点到终点弧线绕中心顺时针方向,0 代表逆时针方向。
paper.path("M80 80 A 45 45, 0, 0, 0, 125 125 L 125 80 Z")//小角度 逆时针 
paper.circle(80, 80, 5)
paper.path("M230 80 A 45 45, 0, 1, 0, 275 125 L 275 80 Z")//大角度 逆时针 
paper.circle(230, 80, 5)
paper.path("M80 230 A 45 45, 0, 0, 1, 125 275 L 125 230 Z")//小角度 顺时针 
paper.circle(80, 230, 5)
paper.path("M230 230 A 45 45, 0, 1, 1, 275 275 L 275 230 Z")//大角度 顺时针 
paper.circle(230, 230, 5)
</script>
    </body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers