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
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