网站建设兰州,网页设计师考证,企业网站公示怎么做,做网站的软件叫code摘要#xff1a; canvas:默认宽高为300*150#xff0c;需用canvas的API定义其宽高绘画路径以beginPath()开始,以closePath()结束常用方法fill()、stroke()、rect()、arc()、text()、lineTo()、moveTo()以下为代码#xff1a; var cdocument.getElementById(mycanvas canvas:默认宽高为300*150需用canvas的API定义其宽高绘画路径以beginPath()开始,以closePath()结束常用方法fill()、stroke()、rect()、arc()、text()、lineTo()、moveTo()以下为代码 var cdocument.getElementById(mycanvas); var ctxc.getContext(2d); ctx.beginPath();
ctx.lineWidth 3;
ctx.moveTo(0,0);
ctx.lineTo(200,100);
ctx.lineTo(100,30);
ctx.closePath();
ctx.stroke();ctx.beginPath();
ctx.rect(0,130,200,100);
ctx.fillStylegreen;
ctx.fill();
ctx.closePath()ctx.beginPath();
var gctx.createRadialGradient(300,300,10,400,350,50);
g.addColorStop(0,green);
g.addColorStop(0.5,blue);
g.addColorStop(1,red);
ctx.fillStyleg;
ctx.arc(300,300,100,0,2*Math.PI);
ctx.stroke();
ctx.fill();ctx.beginPath();
ctx.font30px Arial;
ctx.strokeText(你好,我是canvas绘画字体,300,60);var grdctx.createLinearGradient(300,100,500,100); //createLinearGradient(starx,stary,endx,endy)
grd.addColorStop(0,green);
grd.addColorStop(0.5,blue);
grd.addColorStop(1,red);ctx.beginPath();
ctx.font30px Arial;
ctx.fillStylegrd;
ctx.fillText(你好,我是canvas绘画字体,300,100); //fillText(文字,起点x,起点y)复制代码 转载于:https://juejin.im/post/5be8f3cb6fb9a049f069c851