摘要：
1 1 var canvas=document.getElementById("canvas");2 var cxt=canvas.getContext("2d");3 cxt.font="40px 黑体";4 //绘制实心字5 cxt.fillStyle="red"... 阅读全文
posted @ 2014-08-15 14:09
思思博士
阅读(164)
评论(0)
推荐(0)
摘要：
1 1 var canvas=document.getElementById("canvas"); 2 var cxt=canvas.getContext("2d"); 3 var img=new Image(); 4 img.src="cat.jpg"; 5 c... 阅读全文
posted @ 2014-08-15 14:07
思思博士
阅读(155)
评论(0)
推荐(0)
摘要：
1 1 var canvas=document.getElementById("canvas"); 2 var cxt=canvas.getContext("2d"); 3 cxt.beginPath(); 4 cxt.moveTo(250,50); 5 cxt.l... 阅读全文
posted @ 2014-08-15 14:01
思思博士
阅读(423)
评论(0)
推荐(0)
摘要：
1 1 var canvas=document.getElementById("canvas"); 2 var cxt=canvas.getContext('2d'); 3 cxt.lineWidth=10; 4 cxt.beginPath(); 5 cxt.mo... 阅读全文
posted @ 2014-08-15 13:59
思思博士
阅读(569)
评论(0)
推荐(0)
摘要：
1 1 var canvas=document.getElementById("canvas"); 2 var cxt=canvas.getContext("2d"); 3 cxt.beginPath(); 4 cxt.rect(100,20,100,100); 5 ... 阅读全文
posted @ 2014-08-15 13:57
思思博士
阅读(361)
评论(0)
推荐(0)
摘要：
1 var canvas=document.getElementById("canvas"); 2 var cxt=canvas.getContext("2d"); 3 //画一个空心圆 4 cxt.beginPath(); 5 cxt.arc(200,200,50... 阅读全文
posted @ 2014-08-15 13:56
思思博士
阅读(478)
评论(0)
推荐(0)
摘要：
1 var canvas=document.getElementById("canvas"); 2 //设置绘图环境 3 var cxt=canvas.getContext('2d'); 4 //开启新路近 5 cxt.beginPath(); 6 // ... 阅读全文
posted @ 2014-08-15 13:54
思思博士
阅读(455)
评论(0)
推荐(0)
摘要：
1 1 var clock=document.getElementById("clock"); 2 var cxt=clock.getContext("2d"); 3 function drawNow(){ 4 var now=new Date(); 5 var ... 阅读全文
posted @ 2014-08-15 13:48
思思博士
阅读(714)
评论(0)
推荐(0)
摘要：
canvas的方法 save()保存当前环境的状态 restore() 返回之前保存过的路径状态和属性 createEvent() getContext()返回一个对象,指出访问绘图功能必要的API toDataUPL() 返回canvas图像的URL线条样式的属性和方法 属性: lineCap设置... 阅读全文
posted @ 2014-08-15 13:45
思思博士
阅读(418)
评论(0)
推荐(1)
浙公网安备 33010602011771号