座標を持つ三角形?

このアプレットでのようなHTML5を使用して座標を持つ三角形を作成するにはどうすればよいですか?これも可能ですか?

どんな指導も素晴らしいでしょう。

0
何でも可能です。これはhtml5であり、javascriptは可能です。
追加された 著者 John Riselvato,

1 答え

HTML5のキャンバス要素とJavaScriptが必要です。これはトリックを行う必要があります:



<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>
2
追加された