Subversion Repositories Applications.papyrus

dojo.require("dojox.gfx.svg");

dojo.experimental("dojox.gfx.svg_attach");

(function(){
        dojox.gfx.attachNode = function(node){
                // summary: creates a shape from a Node
                // node: Node: an SVG node
                if(!node) return null;
                var s = null;
                switch(node.tagName.toLowerCase()){
                        case dojox.gfx.Rect.nodeType:
                                s = new dojox.gfx.Rect(node);
                                attachRect(s);
                                break;
                        case dojox.gfx.Ellipse.nodeType:
                                s = new dojox.gfx.Ellipse(node);
                                attachShape(s, dojox.gfx.defaultEllipse);
                                break;
                        case dojox.gfx.Polyline.nodeType:
                                s = new dojox.gfx.Polyline(node);
                                attachShape(s, dojox.gfx.defaultPolyline);
                                break;
                        case dojox.gfx.Path.nodeType:
                                s = new dojox.gfx.Path(node);
                                attachShape(s, dojox.gfx.defaultPath);
                                break;
                        case dojox.gfx.Circle.nodeType:
                                s = new dojox.gfx.Circle(node);
                                attachShape(s, dojox.gfx.defaultCircle);
                                break;
                        case dojox.gfx.Line.nodeType:
                                s = new dojox.gfx.Line(node);
                                attachShape(s, dojox.gfx.defaultLine);
                                break;
                        case dojox.gfx.Image.nodeType:
                                s = new dojox.gfx.Image(node);
                                attachShape(s, dojox.gfx.defaultImage);
                                break;
                        case dojox.gfx.Text.nodeType:
                                var t = node.getElementsByTagName("textPath");
                                if(t && t.length){
                                        s = new dojox.gfx.TextPath(node);
                                        attachShape(s, dojox.gfx.defaultPath);
                                        attachTextPath(s);
                                }else{
                                        s = new dojox.gfx.Text(node);
                                        attachText(s);
                                }
                                attachFont(s);
                                break;
                        default:
                                //console.debug("FATAL ERROR! tagName = " + node.tagName);
                                return null;
                }
                if(!(s instanceof dojox.gfx.Image)){
                        attachFill(s);
                        attachStroke(s);
                }
                attachTransform(s);
                return s;       // dojox.gfx.Shape
        };
        
        dojox.gfx.attachSurface = function(node){
                // summary: creates a surface from a Node
                // node: Node: an SVG node
                var s = new dojox.gfx.Surface();
                s.rawNode = node;
                var def_elems = node.getElementsByTagName("defs");
                if(def_elems.length == 0){
                        return null;    // dojox.gfx.Surface
                }
                s.defNode = def_elems[0];
                return s;       // dojox.gfx.Surface
        };

        var attachFill = function(object){
                // summary: deduces a fill style from a node.
                // object: dojox.gfx.Shape: an SVG shape
                var fill = object.rawNode.getAttribute("fill");
                if(fill == "none"){
                        object.fillStyle = null;
                        return;
                }
                var fillStyle = null, gradient  = dojox.gfx.svg.getRef(fill);
                if(ref){
                        switch(gradient.tagName.toLowerCase()){
                                case "lineargradient":
                                        fillStyle = _getGradient(dojox.gfx.defaultLinearGradient, gradient);
                                        dojo.forEach(["x1", "y1", "x2", "y2"], function(x){
                                                fillStyle[x] = gradient.getAttribute(x);
                                        });
                                        break;
                                case "radialgradient":
                                        fillStyle = _getGradient(dojox.gfx.defaultRadialGradient, gradient);
                                        dojo.forEach(["cx", "cy", "r"], function(x){
                                                fillStyle[x] = gradient.getAttribute(x);
                                        });
                                        fillStyle.cx = gradient.getAttribute("cx");
                                        fillStyle.cy = gradient.getAttribute("cy");
                                        fillStyle.r  = gradient.getAttribute("r");
                                        break;
                                case "pattern":
                                        fillStyle = dojo.lang.shallowCopy(dojox.gfx.defaultPattern, true);
                                        dojo.forEach(["x", "y", "width", "height"], function(x){
                                                fillStyle[x] = gradient.getAttribute(x);
                                        });
                                        fillStyle.src = gradient.firstChild.getAttributeNS(dojox.gfx.svg.xmlns.xlink, "href");
                                        break;
                        }
                }else{
                        fillStyle = new dojo.Color(fill);
                        var opacity = rawNode.getAttribute("fill-opacity");
                        if(opacity != null){ fillStyle.a = opacity; }
                }
                object.fillStyle = fillStyle;
        };
        
        var _getGradient = function(defaultGradient, gradient){
                var fillStyle = dojo.clone(defaultGradient);
                fillStyle.colors = [];
                for(var i = 0; i < gradient.childNodes.length; ++i){
                        fillStyle.colors.push({
                                offset: gradient.childNodes[i].getAttribute("offset"),
                                color:  new dojo.Color(gradient.childNodes[i].getAttribute("stop-color"))
                        });
                }
                return fillStyle;
        };

        var attachStroke = function(object){
                // summary: deduces a stroke style from a node.
                // object: dojox.gfx.Shape: an SVG shape
                var rawNode = object.rawNode, stroke = rawNode.getAttribute("stroke");
                if(stroke == null || stroke == "none"){
                        object.strokeStyle = null;
                        return;
                }
                var strokeStyle = object.strokeStyle = dojo.clone(dojox.gfx.defaultStroke);
                var color = new dojo.Color(stroke);
                if(color){
                        strokeStyle.color = color;
                        strokeStyle.color.a = rawNode.getAttribute("stroke-opacity");
                        strokeStyle.width = rawNode.getAttribute("stroke-width");
                        strokeStyle.cap = rawNode.getAttribute("stroke-linecap");
                        strokeStyle.join = rawNode.getAttribute("stroke-linejoin");
                        if(strokeStyle.join == "miter"){
                                strokeStyle.join = rawNode.getAttribute("stroke-miterlimit");
                        }
                        strokeStyle.style = rawNode.getAttribute("dojoGfxStrokeStyle");
                }
        };

        var attachTransform = function(object){
                // summary: deduces a transformation matrix from a node.
                // object: dojox.gfx.Shape: an SVG shape
                var matrix = object.rawNode.getAttribute("transform");
                if(matrix.match(/^matrix\(.+\)$/)){
                        var t = matrix.slice(7, -1).split(",");
                        object.matrix = dojox.gfx.matrix.normalize({
                                xx: parseFloat(t[0]), xy: parseFloat(t[2]), 
                                yx: parseFloat(t[1]), yy: parseFloat(t[3]), 
                                dx: parseFloat(t[4]), dy: parseFloat(t[5])
                        });
                }else{
                        object.matrix = null;
                }
        };
        
        var attachFont = function(object){
                // summary: deduces a font style from a Node.
                // object: dojox.gfx.Shape: an SVG shape
                var fontStyle = object.fontStyle = dojo.clone(dojox.gfx.defaultFont), 
                        r = object.rawNode;
                fontStyle.style = r.getAttribute("font-style");
                fontStyle.variant = r.getAttribute("font-variant");
                fontStyle.weight = r.getAttribute("font-weight");
                fontStyle.size = r.getAttribute("font-size");
                fontStyle.family = r.getAttribute("font-family");
        };

        var attachShape = function(object, def){
                // summary: builds a shape from a node.
                // object: dojox.gfx.Shape: an SVG shape
                // def: Object: a default shape template
                var shape = object.shape = dojo.clone(def), r = object.rawNode;
                for(var i in shape) {
                        shape[i] = r.getAttribute(i);
                }
        };
        
        var attachRect = function(object){
                // summary: builds a rectangle shape from a node.
                // object: dojox.gfx.Shape: an SVG shape
                attachShape(object, dojox.gfx.defaultRect);
                object.shape.r = Math.min(object.rawNode.getAttribute("rx"), object.rawNode.getAttribute("ry"));
        };

        var attachText = function(object){
                // summary: builds a text shape from a node.
                // object: dojox.gfx.Shape: an SVG shape
                var shape = object.shape = dojo.clone(dojox.gfx.defaultText),
                        r = object.rawNode;
                shape.x = r.getAttribute("x");
                shape.y = r.getAttribute("y");
                shape.align = r.getAttribute("text-anchor");
                shape.decoration = r.getAttribute("text-decoration");
                shape.rotated = parseFloat(r.getAttribute("rotate")) != 0;
                shape.kerning = r.getAttribute("kerning") == "auto";
                shape.text = r.firstChild.nodeValue;
        };

        var attachTextPath = function(object){
                // summary: builds a textpath shape from a node.
                // object: dojox.gfx.Shape: an SVG shape
                var shape = object.shape = dojo.clone(dojox.gfx.defaultTextPath),
                        r = object.rawNode;
                shape.align = r.getAttribute("text-anchor");
                shape.decoration = r.getAttribute("text-decoration");
                shape.rotated = parseFloat(r.getAttribute("rotate")) != 0;
                shape.kerning = r.getAttribute("kerning") == "auto";
                shape.text = r.firstChild.nodeValue;
        };
})();