ITPub博客

首页 > IT职业 > IT职场 > 20170523Canvas基础知识

20170523Canvas基础知识

IT职场 作者:drinkant 时间:2021-09-09 09:02:17 0 删除 编辑

html中
//画布

js中
var canvas = document.getElementById('canvas');
1、canvas的属性和方法:
canvas.width = document.documentElement.clientWidth || document.body.clientWidth;
canvas.height = document.documentElement.clientWidth || document.body.clientWidth;
//绘图上下文
var context = canvas.getContext('2d');
2、context的属性和方法
context.lineWidth = 10;
context.strokeStyle="rgb(0,255,0)";
context.fillStyle="red";
context.stroke();
context.fill();
context.arc(0,0,8,0,2*Math.PI,true);
context.clearRect(0,0,context.canvas.width,context.canvas,height);

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1297/viewspace-2807773/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    114
  • 访问量
    1257