Wie passe ich ein Rechteck in einen Diamanten, während das Verhältnis des Rechtecks ​​beibehalten wird?

Question

Ich habe ein Rechteck und eine quadratische Raute (ein Quadrat um 45 Grad gedreht). Ich möchte die Größe des Rechtecks ​​ändern und dabei sein Verhältnis beibehalten, damit es in die Raute passt (beide haben die gleiche Mitte und die Ecken des Rechtecks ​​berühren die Rauten).

Bonusfrage: Wie kann ich eine Ellipse in eine solche Raute einbauen?

Ich versuche dies in JavaScript zu tun.

Answer 1

dass Rhombus mit der Seite A auf Koordinatenursprung zentriert ist Stellen, sind alte Rechteck Abmessungen W und H. So oben rechts auf der Seite mit Rhombus Gleichung

x + y = A 

Verhältnis beibehalten Gleichung

x/y = W/H 

liegen wird

Substitute x in der ersten Gleichung, lösen das System für x und y, und

NewWidth = 2 * x 
NewHeight = 2 * y