Треугольник с координатами?

Question

Как мне построить треугольник с координатами, используя HTML5, как в этом апплете ?Это вообще возможно?

Любое руководство было бы замечательно.

Answer 1

Вам понадобится элемент холста HTML5, а также JavaScript.Это должно сделать трюк:

<canvas id="canvasId" width="165px" height="145px"></canvas>

<script type="text/javascript"><!--
    window.addEventListener('load', function () {

        var context = document.getElementById("canvasId").getContext("2d");

        var width = 125;  // Triangle Width
        var height = 105; // Triangle Height
        var padding = 20;

        // Draw a path
        context.beginPath();
        context.moveTo(padding + width/2, padding);        // Top Corner
        context.lineTo(padding + width, height + padding); // Bottom Right
        context.lineTo(padding, height + padding);         // Bottom Left
        context.closePath();

        // Fill the path
        context.fillStyle = "#ffc821";
        context.fill();

    }, false);
// --></script>