Sindbad~EG File Manager

Current Path : /home/beeson/public_html/WebMathXpert/Demos/ProblemLibraryDemo/
Upload File :
Current File : //home/beeson/public_html/WebMathXpert/Demos/ProblemLibraryDemo/ToolbarTest3.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=0">
    <title>Toolbar Test</title>
    <style>
        /* Set a global font-family rule for all text elements. Only Times New Roman actually works well. */
        text {
            font-family: 'Times New Roman';  /* 'STIX Two Math', 'Cambria Math', 'Latin Modern Math', 'TeX Gyre Termes Math'; */
        }
        svg text {
            font-family: 'Times New Roman';  /* Without this, the above rule sometimes doesn't apply to SVG text  */
        }
        .svg-button {
            background: none;
            border: none;
            padding: 0;
            cursor: pointer;
            outline: inherit;
        }
    </style>
</head>
<body>

<svg id="drag" class="buttonsvg" width="30" height="30" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="30" height="30" fill="rgb(0,0,128)" />

  <!-- Arrow at a 30-degree angle to the horizontal -->
  <defs>
    <marker id="arrowhead" markerWidth="6" markerHeight="6" refX="3" refY="3" orient="auto">
      <polygon points="0 0, 6 3, 0 6" fill="white" />
    </marker>
  </defs>
  <line x1="2" y1="15" x2="25" y2="5" stroke="white" stroke-width="1" marker-end="url(#arrowhead)" />

  <!-- Text -->
  <text x="15" y="25" fill="white" font-size="10" font-family="Arial" text-anchor="middle">Drag</text>
</svg>


<div class="toolbar" id="toolbar" style="display: flex; flex-direction: column; align-items: center;">
    <form id="myForm" method="post" action="">
        <button type="submit" name="drawbutton" id="drawbutton" class="svg-button">
            <svg width="60" height="30">
                <use href="#drag"></use>
            </svg>
        </button>
    </form>
</div>

</body>
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists