摘要： //得到2D渲染上下文var cancans = document.getElementById("myCanvas");var width = cancans.getAttribute("width");var height = cancans.getAttribute("height");var context = document.getElementById("myCanvas").getContext("2d");var x = 40, y = 40;context.fillStyle 阅读全文

摘要： 所有API调用都是基于自定义的对象 var context = document.getElementById("myCanvas").getContext("2d");中W3C标准：http://www.w3.org/TR/2012/WD-2dcontext-20120329/中文介绍(部分)：http://www.w3school.com.cn/htmldom/dom_obj_canvasrenderingcontext2d.asp讲画布内容导出为图像 document.getElementById("myCanvas").toD 阅读全文

摘要： window.onload = function () { //得到2D渲染上下文 var context = document.getElementById("myCanvas").getContext("2d"); var x = 50, y = 50, //原点坐标 radius = 50, //半径 startAngle = 0, //起始弧度 endAngle = Math.PI * 2, 终止弧度 ... 阅读全文

摘要： window.onload = function () { //得到2D渲染上下文 var context = document.getElementById("myCanvas").getContext("2d"); //填充一个矩形 var x = 40, y = 40; context.fillStyle = "blue"; //设置填充色 context.fillRect(x + 5, y + 5, 40, 90); ... 阅读全文