svg.js

用最近的dojo1.2.1制作前端的ajax购书网站

/*
	Copyright (c) 2004-2008, The Dojo Foundation All Rights Reserved.
	Available via Academic Free License >= 2.1 OR the modified BSD license.
	see: http://dojotoolkit.org/license for details
*/


if(!dojo._hasResource["dojox.gfx.svg"]){
dojo._hasResource["dojox.gfx.svg"]=true;
dojo.provide("dojox.gfx.svg");
dojo.require("dojox.gfx._base");
dojo.require("dojox.gfx.shape");
dojo.require("dojox.gfx.path");
dojox.gfx.svg.xmlns={xlink:"http://www.w3.org/1999/xlink",svg:"http://www.w3.org/2000/svg"};
dojox.gfx.svg.getRef=function(_1){
if(!_1||_1=="none"){
return null;
}
if(_1.match(/^url\(#.+\)$/)){
return dojo.byId(_1.slice(5,-1));
}
if(_1.match(/^#dojoUnique\d+$/)){
return dojo.byId(_1.slice(1));
}
return null;
};
dojox.gfx.svg.dasharray={solid:"none",shortdash:[4,1],shortdot:[1,1],shortdashdot:[4,1,1,1],shortdashdotdot:[4,1,1,1,1,1],dot:[1,3],dash:[4,3],longdash:[8,3],dashdot:[4,3,1,3],longdashdot:[8,3,1,3],longdashdotdot:[8,3,1,3,1,3]};
dojo.extend(dojox.gfx.Shape,{setFill:function(_2){
if(!_2){
this.fillStyle=null;
this.rawNode.setAttribute("fill","none");
this.rawNode.setAttribute("fill-opacity",0);
return this;
}
var f;
var _4=function(x){
this.setAttribute(x,f[x].toFixed(8));
};
if(typeof (_2)=="object"&&"type" in _2){
switch(_2.type){
case "linear":
f=dojox.gfx.makeParameters(dojox.gfx.defaultLinearGradient,_2);
var _6=this._setFillObject(f,"linearGradient");
dojo.forEach(["x1","y1","x2","y2"],_4,_6);
break;
case "radial":
f=dojox.gfx.makeParameters(dojox.gfx.defaultRadialGradient,_2);
var _6=this._setFillObject(f,"radialGradient");
dojo.forEach(["cx","cy","r"],_4,_6);
break;
case "pattern":
f=dojox.gfx.makeParameters(dojox.gfx.defaultPattern,_2);
var _7=this._setFillObject(f,"pattern");
dojo.forEach(["x","y","width","height"],_4,_7);
break;
}
this.fillStyle=f;
return this;
}
var f=dojox.gfx.normalizeColor(_2);
this.fillStyle=f;
this.rawNode.setAttribute("fill",f.toCss());
this.rawNode.setAttribute("fill-opacity",f.a);
this.rawNode.setAttribute("fill-rule","evenodd");
return this;
},setStroke:function(_8){
if(!_8){
this.strokeStyle=null;
this.rawNode.setAttribute("stroke","none");
this.rawNode.setAttribute("stroke-opacity",0);
return this;
}
if(typeof _8=="string"||dojo.isArray(_8)||_8 instanceof dojo.Color){
_8={color:_8};
}
var s=this.strokeStyle=dojox.gfx.makeParameters(dojox.gfx.defaultStroke,_8);
s.color=dojox.gfx.normalizeColor(s.color);
var rn=this.rawNode;
if(s){
rn.setAttribute("stroke",s.color.toCss());
rn.setAttribute("stroke-opacity",s.color.a);
rn.setAttribute("stroke-width",s.width);
rn.setAttribute("stroke-linecap",s.cap);
if(typeof s.join=="number"){
rn.setAttribute("stroke-linejoin","miter");
rn.setAttribute("stroke-miterlimit",s.join);
}else{
rn.setAttribute("stroke-linejoin",s.join);
}
var da=s.style.toLowerCase();
if(da in dojox.gfx.svg.dasharray){
da=dojox.gfx.svg.dasharray[da];
}
if(da instanceof Array){
da=dojo.clone(da);
for(var i=0;i<da.length;++i){
da[i]*=s.width;
}
if(s.cap!="butt"){
for(var i=0;i<da.length;i+=2){
da[i]-=s.width;
if(da[i]<1){
da[i]=1;
}
}
for(var i=1;i<da.length;i+=2){
da[i]+=s.width;
}
}
da=da.join(",");
}
rn.setAttribute("stroke-dasharray",da);
rn.setAttribute("dojoGfxStrokeStyle",s.style);
}
return this;
},_getParentSurface:function(){
var _d=this.parent;
for(;_d&&!(_d instanceof dojox.gfx.Surface);_d=_d.parent){
}
return _d;
},_setFillObject:function(f,_f){
var _10=dojox.gfx.svg.xmlns.svg;
this.fillStyle=f;
var _11=this._getParentSurface(),_12=_11.defNode,_13=this.rawNode.getAttribute("fill"),ref=dojox.gfx.svg.getRef(_13);
if(ref){
_13=ref;
if(_13.tagName.toLowerCase()!=_f.toLowerCase()){
var id=_13.id;
_13.parentNode.removeChild(_13);
_13=document.createElementNS(_10,_f);
_13.setAttribute("id",id);
_12.appendChild(_13);
}else{
while(_13.childNodes.length){
_13.removeChild(_13.lastChild);
}
}
}else{
_13=document.createElementNS(_10,_f);
_13.setAttribute("id",dojox.gfx._base._getUniqueId());
_12.appendChild(_13);
}
if(_f=="pattern"){
if(dojo.isSafari){
_13.setAttributeNS(null,"patternUnits","userSpaceOnUse");
}else{
_13.setAttribute("patternUnits","userSpaceOnUse");
}
var img=document.createElementNS(_10,"image");
img.setAttribute("x",0);
img.setAttribute("y",0);
img.setAttribute("width",f.width.toFixed(8));
img.setAttribute("height",f.height.toFixed(8));
img.setAttributeNS(dojox.gfx.svg.xmlns.xlink,"href",f.src);
_13.appendChild(img);
}else{
if(dojo.isSafari){
_13.setAttributeNS(null,"gradientUnits","userSpaceOnUse");
}else{
_13.setAttribute("gradientUnits","userSpaceOnUse");
}
for(var i=0;i<f.colors.length;++i){
var c=f.colors[i],t=document.createElementNS(_10,"stop"),cc=c.color=dojox.gfx.normalizeColor(c.color);
t.setAttribute("offset",c.offset.toFixed(8));
t.setAttribute("stop-color",cc.toCss());
t.setAttribute("stop-opacity",cc.a);
_13.appendChild(t);
}
}
this.rawNode.setAttribute("fill","url(#"+_13.getAttribute("id")+")");
this.rawNode.removeAttribute("fill-opacity");
this.rawNode.setAttribute("fill-rule","evenodd");
return _13;
},_applyTransform:function(){
var _1b=this.matrix;
if(_1b){
var tm=this.matrix;
this.rawNode.setAttribute("transform","matrix("+tm.xx.toFixed(8)+","+tm.yx.toFixed(8)+","+tm.xy.toFixed(8)+","+tm.yy.toFixed(8)+","+tm.dx.toFixed(8)+","+tm.dy.toFixed(8)+")");
}else{
this.rawNode.removeAttribute("transform");
}
return this;
},setRawNode:function(_1d){
var r=this.rawNode=_1d;
r.setAttribute("fill","none");
r.setAttribute("fill-opacity",0);
r.setAttribute("stroke","none");
r.setAttribute("stroke-opacity",0);
r.setAttribute("stroke-width",1);
r.setAttribute("stroke-linecap","butt");
r.setAttribute("stroke-linejoin","miter");
r.setAttribute("stroke-miterlimit",4);
},setShape:function(_1f){
this.shape=dojox.gfx.makeParameters(this.shape,_1f);
for(var i in this.shape){
if(i!="type"){
this.rawNode.setAttribute(i,this.shape[i]);
}
}
return this;
},_moveToFront:function(){
this.rawNode.parentNode.appendChild(this.rawNode);
return this;
},_moveToBack:function(){
this.rawNode.parentNode.insertBefore(this.rawNode,this.rawNode.parentNode.firstChild);
return this;
}});
dojo.declare("dojox.gfx.Group",dojox.gfx.Shape,{constructor:function(){
dojox.gfx.svg.Container._init.call(this);
},setRawNode:function(_21){
this.rawNode=_21;
}});
dojox.gfx.Group.nodeType="g";
dojo.declare("dojox.gfx.Rect",dojox.gfx.shape.Rect,{setShape:function(_22){
this.shape=dojox.gfx.makeParameters(this.shape,_22);
this.bbox=null;
for(var i in this.shape){
if(i!="type"&&i!="r"){
this.rawNode.setAttribute(i,this.shape[i]);
}
}
if(this.shape.r){
this.rawNode.setAttribute("ry",this.shape.r);
this.rawNode.setAttribute("rx",this.shape.r);
}
return this;
}});
dojox.gfx.Rect.nodeType="rect";
dojox.gfx.Ellipse=dojox.gfx.shape.Ellipse;
dojox.gfx.Ellipse.nodeType="ellipse";
dojox.gfx.Circle=dojox.gfx.shape.Circle;
dojox.gfx.Circle.nodeType="circle";
dojox.gfx.Line=dojox.gfx.shape.Line;
dojox.gfx.Line.nodeType="line";
dojo.declare("dojox.gfx.Polyline",dojox.gfx.shape.Polyline,{setShape:function(_24,_25){
if(_24&&_24 instanceof Array){
this.shape=dojox.gfx.makeParameters(this.shape,{points:_24});
if(_25&&this.shape.points.length){
this.shape.points.push(this.shape.points[0]);
}
}else{
this.shape=dojox.gfx.makeParameters(this.shape,_24);
}
this.box=null;
var _26=[],p=this.shape.points;
for(var i=0;i<p.length;++i){
if(typeof p[i]=="number"){
_26.push(p[i].toFixed(8));
}else{
_26.push(p[i].x.toFixed(8));
_26.push(p[i].y.toFixed(8));
}
}
this.rawNode.setAttribute("points",_26.join(" "));
return this;
}});
dojox.gfx.Polyline.nodeType="polyline";
dojo.declare("dojox.gfx.Image",dojox.gfx.shape.Image,{setShape:function(_29){
this.shape=dojox.gfx.makeParameters(this.shape,_29);
this.bbox=null;
var _2a=this.rawNode;
for(var i in this.shape){
if(i!="type"&&i!="src"){
_2a.setAttribute(i,this.shape[i]);
}
}
_2a.setAttributeNS(dojox.gfx.svg.xmlns.xlink,"href",this.shape.src);
return this;
}});
dojox.gfx.Image.nodeType="image";
dojo.declare("dojox.gfx.Text",dojox.gfx.shape.Text,{setShape:function(_2c){
this.shape=dojox.gfx.makeParameters(this.shape,_2c);
this.bbox=null;
var r=this.rawNode,s=this.shape;
r.setAttribute("x",s.x);
r.setAttribute("y",s.y);
r.setAttribute("text-anchor",s.align);
r.setAttribute("text-decoration",s.decoration);
r.setAttribute("rotate",s.rotated?90:0);
r.setAttribute("kerning",s.kerning?"auto":0);
r.setAttribute("text-rendering","optimizeLegibility");
r.textContent=s.text;
return this;
},getTextWidth:function(){
var _2f=this.rawNode,_30=_2f.parentNode,_31=_2f.cloneNode(true);
_31.style.visibility="hidden";
var _32=0,_33=_31.firstChild.nodeValue;
_30.appendChild(_31);
if(_33!=""){
while(!_32){
_32=parseInt(_31.getBBox().width);
}
}
_30.removeChild(_31);
return _32;
}});
dojox.gfx.Text.nodeType="text";
dojo.declare("dojox.gfx.Path",dojox.gfx.path.Path,{_updateWithSegment:function(_34){
dojox.gfx.Path.superclass._updateWithSegment.apply(this,arguments);
if(typeof (this.shape.path)=="string"){
this.rawNode.setAttribute("d",this.shape.path);
}
},setShape:function(_35){
dojox.gfx.Path.superclass.setShape.apply(this,arguments);
this.rawNode.setAttribute("d",this.shape.path);
return this;
}});
dojox.gfx.Path.nodeType="path";
dojo.declare("dojox.gfx.TextPath",dojox.gfx.path.TextPath,{_updateWithSegment:function(_36){
dojox.gfx.Path.superclass._updateWithSegment.apply(this,arguments);
this._setTextPath();
},setShape:function(_37){
dojox.gfx.Path.superclass.setShape.apply(this,arguments);
this._setTextPath();
return this;
},_setTextPath:function(){
if(typeof this.shape.path!="string"){
return;
}
var r=this.rawNode;
if(!r.firstChild){
var tp=document.createElementNS(dojox.gfx.svg.xmlns.svg,"textPath"),tx=document.createTextNode("");
tp.appendChild(tx);
r.appendChild(tp);
}
var ref=r.firstChild.getAttributeNS(dojox.gfx.svg.xmlns.xlink,"href"),_3c=ref&&dojox.gfx.svg.getRef(ref);
if(!_3c){
var _3d=this._getParentSurface();
if(_3d){
var _3e=_3d.defNode;
_3c=document.createElementNS(dojox.gfx.svg.xmlns.svg,"path");
var id=dojox.gfx._base._getUniqueId();
_3c.setAttribute("id",id);
_3e.appendChild(_3c);
r.firstChild.setAttributeNS(dojox.gfx.svg.xmlns.xlink,"href","#"+id);
}
}
if(_3c){
_3c.setAttribute("d",this.shape.path);
}
},_setText:function(){
var r=this.rawNode;
if(!r.firstChild){
var tp=document.createElementNS(dojox.gfx.svg.xmlns.svg,"textPath"),tx=document.createTextNode("");
tp.appendChild(tx);
r.appendChild(tp);
}
r=r.firstChild;
var t=this.text;
r.setAttribute("alignment-baseline","middle");
switch(t.align){
case "middle":
r.setAttribute("text-anchor","middle");
r.setAttribute("startOffset","50%");
break;
case "end":
r.setAttribute("text-anchor","end");
r.setAttribute("startOffset","100%");
break;
default:
r.setAttribute("text-anchor","start");
r.setAttribute("startOffset","0%");
break;
}
r.setAttribute("baseline-shift","0.5ex");
r.setAttribute("text-decoration",t.decoration);
r.setAttribute("rotate",t.rotated?90:0);
r.setAttribute("kerning",t.kerning?"auto":0);
r.firstChild.data=t.text;
}});
dojox.gfx.TextPath.nodeType="text";
dojo.declare("dojox.gfx.Surface",dojox.gfx.shape.Surface,{constructor:function(){
dojox.gfx.svg.Container._init.call(this);
},destroy:function(){
this.defNode=null;
this.inherited(arguments);
},setDimensions:function(_44,_45){
if(!this.rawNode){
return this;
}
this.rawNode.setAttribute("width",_44);
this.rawNode.setAttribute("height",_45);
return this;
},getDimensions:function(){
return this.rawNode?{width:this.rawNode.getAttribute("width"),height:this.rawNode.getAttribute("height")}:null;
}});
dojox.gfx.createSurface=function(_46,_47,_48){
var s=new dojox.gfx.Surface();
s.rawNode=document.createElementNS(dojox.gfx.svg.xmlns.svg,"svg");
s.rawNode.setAttribute("width",_47);
s.rawNode.setAttribute("height",_48);
var _4a=document.createElementNS(dojox.gfx.svg.xmlns.svg,"defs");
s.rawNode.appendChild(_4a);
s.defNode=_4a;
s._parent=dojo.byId(_46);
s._parent.appendChild(s.rawNode);
return s;
};
dojox.gfx.svg.Font={_setFont:function(){
var f=this.fontStyle;
this.rawNode.setAttribute("font-style",f.style);
this.rawNode.setAttribute("font-variant",f.variant);
this.rawNode.setAttribute("font-weight",f.weight);
this.rawNode.setAttribute("font-size",f.size);
this.rawNode.setAttribute("font-family",f.family);
}};
dojox.gfx.svg.Container={_init:function(){
dojox.gfx.shape.Container._init.call(this);
},add:function(_4c){
if(this!=_4c.getParent()){
this.rawNode.appendChild(_4c.rawNode);
dojox.gfx.shape.Container.add.apply(this,arguments);
}
return this;
},remove:function(_4d,_4e){
if(this==_4d.getParent()){
if(this.rawNode==_4d.rawNode.parentNode){
this.rawNode.removeChild(_4d.rawNode);
}
dojox.gfx.shape.Container.remove.apply(this,arguments);
}
return this;
},clear:function(){
var r=this.rawNode;
while(r.lastChild){
r.removeChild(r.lastChild);
}
var d=this.defNode;
if(d){
while(d.lastChild){
d.removeChild(d.lastChild);
}
r.appendChild(d);
}
return dojox.gfx.shape.Container.clear.apply(this,arguments);
},_moveChildToFront:dojox.gfx.shape.Container._moveChildToFront,_moveChildToBack:dojox.gfx.shape.Container._moveChildToBack};
dojo.mixin(dojox.gfx.shape.Creator,{createObject:function(_51,_52){
if(!this.rawNode){
return null;
}
var _53=new _51(),_54=document.createElementNS(dojox.gfx.svg.xmlns.svg,_51.nodeType);
_53.setRawNode(_54);
this.rawNode.appendChild(_54);
_53.setShape(_52);
this.add(_53);
return _53;
}});
dojo.extend(dojox.gfx.Text,dojox.gfx.svg.Font);
dojo.extend(dojox.gfx.TextPath,dojox.gfx.svg.Font);
dojo.extend(dojox.gfx.Group,dojox.gfx.svg.Container);
dojo.extend(dojox.gfx.Group,dojox.gfx.shape.Creator);
dojo.extend(dojox.gfx.Surface,dojox.gfx.svg.Container);
dojo.extend(dojox.gfx.Surface,dojox.gfx.shape.Creator);
}