座標付き三角形ですか？

Question

in this appletのような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>