Question

getElementById，moveTo，lineTo，stroke，这几个函数什么作用啊？返回值和参数怎么查到？有API吗？

<script type="text/javascript">

var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(30,50);
cxt.stroke();

</script>
还有getContext，这个函数，？？

Answer 1

默认情况下，不做canvas 的坐标变换，左上角是（0，0)然后水平向右是 x轴正方向，向下是y轴正方向。所以说默认右下角的坐标是(width,height) 其中 width和height是你在写canvas标签的时候的width和height属性，这两个属性和css中的width和 height也是不一样的。
CSS中的这两个属性定义的是显示的大小，而canvas标签中的这两个属性定义的就是右下角的坐标值。当然如果不定义CSS中的width和height默认的canavs大小就是这个两个参数定义的，单位像素。

Answer 2

这个是HTML5中的，画布的操作吧