Method attr

src/rendering/svg.js:524–580

* Set element attributes

(attrs)

   * Set element attributes
   */
  attr(attrs) {
    if (typeof attrs === 'string') {
      return this.element.getAttribute(attrs);
    }

    Object.keys(attrs).forEach(key => {
      const value = attrs[key];

      // Handle special attribute mappings
      switch (key) {
        case 'text':
          // For SVG text elements, set textContent instead of attribute
          this.element.textContent = value;
          break;
        case 'fill':
          this.element.setAttribute('fill', value);
          break;
        case 'stroke':
          this.element.setAttribute('stroke', value);
          break;
        case 'stroke-width':
        case 'strokeWidth':
          this.element.setAttribute('stroke-width', value);
          break;
        case 'opacity':
          this.element.setAttribute('opacity', value);
          break;
        case 'font-family':
        case 'fontFamily':
          this.element.setAttribute('font-family', value);
          break;
        case 'font-size':
        case 'fontSize':
          this.element.setAttribute('font-size', value);
          break;
        case 'font-weight':
        case 'fontWeight':
          this.element.setAttribute('font-weight', value);
          break;
        case 'text-anchor':
        case 'textAnchor':
          this.element.setAttribute('text-anchor', value);
          break;
        case 'dominant-baseline':
        case 'dominantBaseline':
          this.element.setAttribute('dominant-baseline', value);
          break;
        case 'filter':
          this.element.setAttribute('filter', value);
          break;
        default:
          this.element.setAttribute(key, value);
      }
    });

    return this;
  }