Function PaintBox

src/js/method-draw.js:1088–1225

(container, type)

    };
  
    var PaintBox = function(container, type) {
      var background = document.getElementById("canvas_background");
      var cur = {color: "fff", opacity: 1}
      if (type == "stroke") cur = curConfig['initStroke'];
      if (type == "fill") cur = curConfig['initFill'];
      if (type == "canvas" && background) {
            var rgb = background.getAttribute("fill").match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
            if (rgb) {
              var hex =   ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) +
                            ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) +
                            ("0" + parseInt(rgb[3],10).toString(16)).slice(-2);
              cur = {color: hex, opacity: 1}
            }
      }

      // set up gradients to be used for the buttons
      var svgdocbox = new DOMParser().parseFromString(
        '<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%"\
        fill="#' + cur.color + '" opacity="' + cur.opacity + '"/>\
        <defs><linearGradient id="gradbox_"/></defs></svg>', 'text/xml');
      var docElem = svgdocbox.documentElement;
      
      docElem = $(container)[0].appendChild(document.importNode(docElem, true));
      if (type === 'canvas') docElem.setAttribute('width',60.5);
      else docElem.setAttribute('width',"100%");
      
      this.rect = docElem.firstChild;
      this.defs = docElem.getElementsByTagName('defs')[0];
      this.grad = this.defs.firstChild;
      this.paint = new $.jGraduate.Paint({solidColor: cur.color});
      this.type = type;

      this.setPaint = function(paint, apply, noUndo) {
        this.paint = paint;
        var fillAttr = "none";
        var ptype = paint.type;
        var opac = paint.alpha / 100;
        switch ( ptype ) {
          case 'solidColor':
            fillAttr = (paint[ptype] == 'none' || paint[ptype] == 'one') ? 'none' : "#" + paint[ptype];
            break;
          case 'linearGradient':
          case 'radialGradient':
            this.defs.removeChild(this.grad);
            this.grad = this.defs.appendChild(paint[ptype]);
            var id = this.grad.id = 'gradbox_' + this.type;
            fillAttr = "url(#" + id + ')';
        }
        this.rect.setAttribute('fill', fillAttr);
        this.rect.setAttribute('opacity', opac);

        if (this.type == "canvas") {
          //recache background in case it changed
          var background = document.getElementById("canvas_background");
          if (background) {
            res = svgCanvas.getResolution()
            background.setAttribute("x", -1);
            background.setAttribute("y", -1);