$(document).ready(function (){
width = window.innerWidth;
height = window.innerHeight;
canvas = document.getElementById('myCanv');
canvas.width = width;
canvas.height = height;
var c=document.getElementById("myCanv");
var canv=c.getContext("2d");
canv.fillStyle="#FF0000";
canv.beginPath();
var h = 20;
var y = 0;
function draw() {
if (y < canvas.height/2) {
canv.fillRect(170,y,15,1);
canv.clearRect(170,y-15,15,1);
y++;
};
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
把canv.beginPath() 和 canv.closePath(); canv.fill(); 几个函数放到draw函数里面就画的出来了
详细见
点击预览https://jsfiddle.net/zL4sjxrf/4/点击预览