title: Matter JS Body rectangle/circle resize width and height
body: <p>I created circle/rectangle with code from <a href="https://stackoverflow.com/a/72849934/1264804">this answer</a>.</p>
  <p>Now, I'm trying to resize the width and height of body, when the browser resized.</p>
  <pre><code>    if ( window.matchMedia(&quot;(max-width: 700px)&quot;) ) { 
          Matter.Body.scale( circle.body, 1, 1); 
      } else { 
          Matter.Body.scale( circle.body, 1.5, 1.5); 
      } 
  </code></pre>
  <p>This method is not working perfectly how i want.
  I tried to test with click function, so i can check how it works.</p>
  <pre><code>    btn1.addEventListener('click', (e) =&gt; {
          Matter.Body.scale( circle.body, 1, 1); 
      });
      btn2.addEventListener('click', (e) =&gt; {
          Matter.Body.scale( circle.body, .5, .5); 
      });
  </code></pre>
  <p>Example's result:</p>
  <pre><code>_ 1 is origin value
  _ btn2 click -&gt; 1 * .5 = .5
  _ btn2 click -&gt; .5 * .5 = .25
  _ btn1 click -&gt; .25 * 1 = .25
  ...
  </code></pre>
  <p>I found that the body(circle) is not resizing with origin value like css transform scale. It calculate(increase and decrease) with previous value.</p>
  <p>I always control and set the BODY position (ex. <code>Matter.Body.set(circle.body, &quot;position&quot;, {x: xPos, y: yPos});</code>
  )
  How can i use the Body scale like css-transform-scale?
  Or is there any way to set new width or height, so that body get new vertices?</p>