Canvas在页面画出各种图形的方法

以三角形作为案例：

//html中的标签；

//定义canvas的大小；可以是正方形和长方形；

window.tooltip = function(){

//定义全局函数；

var uitooltip= document.getElementById("uitooltip");
var context = uitooltip.getContext("2d");
context.strokeStyle = "white";
context.fillStyle = "white";

context.lineWidth = 1;

context.moveTo(2.5,0);
context.lineTo(0,5);

context.lineTo(5,5);

//定义三角形大小；

context.closePath();
context.fill();

context.stroke();

//调用方法；

}