sfu.1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SHAPESFRU</title>
    <link rel="stylesheet" href="style1.css">
    <script src="https://kit.fontawesome.com/d34c42e8ae.js" crossorigin="anonymous"></script>
    <link rel="icon" type="image/png" href="C:\Users\vaibhavi\Desktop\to edit\images.jfif"/>
</head>
<body>
  <header id="main-header"><h1>Load Shape</h1></header>
    <div id= "buttons">
     <div id="shift"><h2>&nbsp;&nbsp;Enter Parameters</h2><br>
    <input id="shapee" placeholder="Enter Shape"><br><br><br>
    <input id="colore" placeholder="Enter Color"><br><br><br>
    <input id="height" placeholder="Height/Radius"><br><br><br>
    <input id="lenght" placeholder="Base Lenght/0"><br><br><br></div></div><br><br><br><br><br><br><br>
    <canvas id="element" width="600" height="600"></canvas>
    <div class="home">
      <button onclick ="fn1()" class = "button">Go</button><br><br>
      <a href ="./sfu.1.html">
        <button class="button">Reset</button></a><br><br>
      <div class="shift-2"><a href ="./index.html">
       <i class="fa-solid fa-house fa-5x"></i></a></div></div>
       <div id="text"><h2>NOTE<br><br>
        If 'square' enter height and lenght equal.<br>
        If 'circle' enter lenght as '0'.<br>
        If 'circle' enter height value as radius.<br><br>
        Constraint to use only square,rectangle,<br>
        circle,rRight-triangle,Scale-Triangle,semi-circle.<br>
        Higher values cause loss of content.
       </h2></div>
    <script src ="./fn1.js"></script>
</body>
</html>
    
    