代码如下: HTML5画矩形http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> $(document).ready(function(){var c=document.getElementById("drawbox");var draw=c.getContext("2d"); //获取2d内容的引用，调用绘图APIdraw.fillStyle="#ff0000"; //方式一指定填充颜色draw.fillRect(0,0,300,100); //坐标和长宽draw.fillStyle="rgba(0,0,255,0.5)"; //方式二rgb+透明度draw.fillR...
HTML5制作简单画板 代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">canvas{ border:2px solid #000;} $(document).ready(function(){ var canvas=document.getElementById("draw"); var draw=canvas.getContext("2d"); draw.lineWidth=5; //线条粗细 draw.strokeStyle="red"; //颜色 var godraw=false; //按下鼠标 $("#draw"...
代码很简单，如下： 代码如下:var pro = window.HTMLElement.prototype;pro.__defineGetter__("outerHTML", function(){ var str = "<" + this.tagName; var a = this.attributes; for(var i = 0, len = a.length; i < len; i++){ if(a[i].specified){ str += " " + a[i].name + =" + a[i].value + "; } } if(!this.canHaveChildren){ return str + " />"; } return str + "...
你需要知道的： canvas标签只是图形容器，您必须使用脚本来绘制图形。默认大小：宽300px，高150px; getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。——获取上下文对象。getContext("2d") 对象属性和方法，可用于在画布上绘制文本、线条、矩形、圆形等等。 fillRect(l,t,w,h)：默认颜色是黑色 strokeRect(l,t,w,h):带边框的方块。默认一像素黑色边框 setInterval() 方法可按照指定的周期（以毫秒计）...