How to reapper the sphere shape of SVG tag code by Raphael description exactly?

Posted by TelTel on Stack Overflow See other posts from Stack Overflow or by TelTel
Published on 2013-11-06T08:59:51Z Indexed on 2013/11/06 21:54 UTC
Read the original article Hit count: 150

Filed under:
|
|
|

I'm trying to figure a Raphael.js shape(sphere) which is based on following SVG tag code.

I have succeed in basic similar sphere style by the description :

  Paper.circle(100, 100, 30).attr({ fill: "r(0.35, 0.25)#FFFFFF-#252525:96-#000000", stroke: "none"});
  // radius is 30

But I can't reappear exactly. ---> [picture]

** The tag code of sphere ... main part is extracted **
<g id="layer1">

 <radialGradient id="path5725_3_" cx="156.0352" cy="657.6802" r="200.0004" 
  gradientTransform="matrix(1.0404 0.7962 0.8145 -1.0643 -531.7884 745.2471)" 
  gradientUnits="userSpaceOnUse">

  <stop  offset="0" style="stop-color:#FFFFFF"/>
  <stop  offset="1" style="stop-color:#000000"/>
 </radialGradient>

 <path id="path5725" fill="url(#path5725_3_)" d="M445.037,229.105c0,113.218-89.543,205-200,205c-110.457,
  0-200-91.782-200-205s89.543-205,200-205C355.494, 24.105,445.037,115.887,445.037,229.105z"/>

</g>
** ---------------------------------------- **

Here the completed picture of tag code is linked.

How to describe(modify) the Raphael.js code to reappear the picture ?

Thank you.

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about html