Framework State 3

Title of State:

Increasing the Height

Goal of Change:

Trying to change the height from 1000 px to 1500 px – you have to do it everywhere – which for right now is:

• The iframe height
• The stage CSS height
• The canvas CSS height
• The canvas element height attribute
• The H constant

IFrame Height

Code to Remove

5 - style="display:block;border:0;width:1500px;height:1000px;overflow:hidden;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.55);background:#000;"

Code to Add

5 - style="display:block;border:0;width:1500px;height:1500px;overflow:hidden;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.55);background:#000;"

---

Stage Height

Code to Remove

17 -   #stage{
    width:1500px;height:1000px;

Code to Add

17 -   #stage{
    width:1500px;height:1500px;

---

Canvass CSS Height

Code to Remove

24 - canvas{
    display:block;
    width:1500px;height:1000px;

Code to Add

24 - canvas{
    display:block;
    width:1500px;height:1500px;

---

Canvas Element Height Attribute

Code to Remove

44 - <canvas id="c" width="1500" height="1000"></canvas>

Code to Add

44 - <canvas id="c" width="1500" height="1500"></canvas>

---

Javascript Height Constant

Code to Remove

53 - const W = 1500, H = 1000;

Code to Add

53 - const W = 1500, H = 1500;

---

Result