canvas画图

最新推荐文章于 2024-10-08 13:51:35 发布

✻只影为谁去

最新推荐文章于 2024-10-08 13:51:35 发布

阅读量356

点赞数 1

分类专栏： JavaScript-study 文章标签： javascript

本文链接：https://blog.csdn.net/qq_57226103/article/details/141787318

版权

JavaScript-study 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

let canvas=document.querySelect("canvas");
canvas.width="";
canvas.height="";
if(!canvas.getContext(()return;
let ctx=canvas.getContext('2d');

let img = new Image();
img.src="";
img.onload()=>{
  //图片显示
   ctx.drawImage(img,0,0,img.width,img.height);
  //线颜色
  ctx.strokeStyle="red"; 
  //线宽
  ctx.lineWidth='1';
  //画多边形
  ctx.moveTo(0,200);
  ctx.lineTo(200,200);
  ctx.lineTo(200,0);
  ctx.stroke();
  //写文字
  ctx.strokeText("(200,200)",200,,200);
}