maskWith does not work with <base> tag

[chief3000]

The svg.js works quite well and could be implemented quickly. Unfortunately, the mask seems to stop working as soon as you use the tag in the head. If this then refers to the root directory and the html file is in a subfolder. This applies with clip and maskWith.

greetings

[wout]

Is this a svg.js issue or a svg issue? Have your tried writing svg manually to see if it does work without svg.js?

[chief3000]

I think both. I must in any case make adjustments to svg.js. In this way it works now for me.

 SVG.extend(SVG.Element, {
    // Distribute mask to svg element
    maskWith: function(element) {   

      /* use given mask or create a new one */
      this.mask = element instanceof SVG.Mask ? element : this.parent.mask().add(element)
        if ($j.browser.msie)
        {
            return this.attr('mask', 'url(#' + this.mask.attr('id') + ')')
        }
        else
        {
            return this.attr('mask', 'url('+window.location+'#' +this.mask.attr('id') + ')')
        }
    }

  })

[wout]

This is a very specific problem and can be solved as you suggested. I don't think it belongs to be part of the library. But thanks for the proposition.