[Bug] Image texture does not display under svg renderer

[Okay6]

Describe the bug

• As title describe, image texture does not display under svg renderer.

To Reproduce

• Here is sample code on codepen. [Example of Using a Sprite]

Screenshots

• Under canvas renderer and webgl render, it works well.
• Under svg renderer, texture doesn't display.

Additional context

• two.js version is v0.8.13.

My solution

• Use developer tool in chrome , i found a issue:
• The location of source code caused it is svg.js#line 1073 Here should keep same width and height in [pattern] and [image].
• Add styles.width = changed.width styles.height = changed.height after svg.js#line 1073 look like this:

  ....
  if (this._scale instanceof Vector) {
          changed.width *= this._scale.x;
          changed.height *= this._scale.y;
        } else {
          changed.width *= this._scale;
          changed.height *= this._scale;
        }
       // added to keep same width and height between pattern and image
        styles.width = changed.width
        styles.height  = changed.height
  ....

• I tested modified code in my local environment, it works well

  import Two from "../two.js/src/two";
  
  const two = new Two({
    type: Two.Types.svg,
    fullscreen: true,
    autostart: true
  }).appendTo(document.body);
  
  const rectangle = new Two.Rectangle(two.width / 2, two.height / 2, 200, 200);
  rectangle.fill = new Two.Texture('/texture.jpg', onLoad);
  rectangle.noStroke()
  rectangle.position.x = 200
  two.add(rectangle);
  
  function onLoad() {
    const image = rectangle.fill.image;  
    const desiredWidth = rectangle.width;
    const desiredHeight = rectangle.height;
    const sx = desiredWidth / image.width;
    const sy = desiredHeight / image.height;
    rectangle.fill.scale = new Two.Vector(sx, sy);
  }

  

[jonobr1]

Ah, Thank you! I will patch this.

[jonobr1]

Okay, Two.js version 0.8.14 addresses this issue. Thank you again!

[Okay6]

Okay, Two.js version 0.8.14 addresses this issue. Thank you again!

Cool!