首頁(yè) 猿問 html5 canvas 畫圖的問題

html5 canvas 畫圖的問題

Html5

又一個(gè)老白 2015-12-29 19:27:28

一共三個(gè)問題：1、 change()函數(shù)是1秒鐘執(zhí)行一次，當(dāng)中的console 語(yǔ)句也應(yīng)該是每秒輸出一次，但在本地執(zhí)行發(fā)現(xiàn)，每次的console語(yǔ)句被執(zhí)行情況 ?? 為什么會(huì)這樣2、怎樣在每次畫圖之前清空之前的繪制結(jié)果，現(xiàn)在的是直接繪制在之前的效果上的。3、當(dāng)setTimeout 這么寫時(shí) ，報(bào)錯(cuò)如下找了很久都沒發(fā)現(xiàn)問題出在哪里，為什么會(huì)這樣的錯(cuò)誤這幾個(gè)問題我想了很久都到底哪里出了問題，希望各位大神能夠解答下我的疑惑。謝謝！<!DOCTYPE html><html lang="en"><head> ? ?<meta charset="UTF-8"> ? ?<title>canvas 倒數(shù)計(jì)時(shí)</title></head><body><canvas id="canvas" style="margin-left:200px; margin-top:120px"></canvas><script type="text/javascript"> ? ?var HEIGHT = 500; ? ?var WIDTH = 700; ? ?var r = 4; ? ?var R = 5; ? ?var MARGIN_TOP = 30; ? ?var MARGIN_LEFT = 20; ? ?window.onload = function () { ? ? ? ?var canvas = document.getElementById("canvas"); ? ? ? ?var context = canvas.getContext("2d"); ? ? ? ?canvas.height = HEIGHT; ? ? ? ?canvas.width = WIDTH; ? ? ? ?var digit = [ ? ? ? ? ? ? ? ? ? ?[ ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 1, 0, 0] ? ? ? ? ? ? ? ? ? ?],//0 [ ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 1, 1, 1, 1, 1] ? ? ? ? ? ? ? ? ? ?],//1 [ ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 1, 1, 1, 1, 1] ? ? ? ? ? ? ? ? ? ?],//2 [ ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 1, 1, 1, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 1, 1, 0] ? ? ? ? ? ? ? ? ? ?],//3 [ ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 1, 1, 1, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 1, 1] ? ? ? ? ? ? ? ? ? ?],//4 [ ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 1, 1, 1, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 1, 1, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 1, 1, 0] ? ? ? ? ? ? ? ? ? ?],//5 [ ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 1, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 1, 1, 0] ? ? ? ? ? ? ? ? ? ?],//6 [ ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 1, 1, 1, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 1, 1, 0, 0, 0] ? ? ? ? ? ? ? ? ? ?],//7 [ ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 1, 1, 0] ? ? ? ? ? ? ? ? ? ?],//8 [ ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[1, 1, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 1, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 0, 1, 1], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 1, 1, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0, 0, 0, 0] ? ? ? ? ? ? ? ? ? ?],//9 [ ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 1, 1, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0], ? ? ? ? ? ? ? ? ? ? ? ?[0, 0, 0, 0] ? ? ? ? ? ? ? ? ? ?]//: ];

查看完整描述