已采納回答 / 小程序魔王
因?yàn)閐om節(jié)點(diǎn)里沒有canvas的繪制方法,ctx上下文對(duì)象里封裝了canvas的繪制方法,? 這里是?2D 繪圖上下文,可以繪制簡(jiǎn)單的 2D 圖形,除了2D繪圖上下文,還有WebGL 上下文用于繪制3D圖形
2018-11-26
已采納回答 / 劉智輝123456
var dom=document.getElementById('clock');var ctx=dom.getContext('2d');var width=ctx.canvas.width;var height=ctx.canvas.height;var r = width/2;var rem=width/200;function drawBackground(){? ?ctx.save();? ?ctx.translate(r,r);? ?ctx.beginPath();? ?ctx.lineWid...
2017-05-13
已采納回答 / Ellision
1、原代碼:var don=document.getElementByID("clock2"); 修改后:var dom = document.getElementById("clock2");2、原代碼:ctxfill();;修改后:cxt.fill();
2017-05-13
已采納回答 / 慕粉4296081
每個(gè)ctx.restore()語句一定要加后面的'()', 不然js不能識(shí)別它為canvas的方法試了下應(yīng)該是這個(gè)問題
2017-03-26
已采納回答 / 我愛吃牛排
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,initial-scale=1"><title>canvas clock</title><style>div{text-align: center;margin-top: 250px;}#clock{border:10px solid #ccc;}</style&g...
2017-03-08
已采納回答 / 慕工程0708615
得看下你的代碼,在draw()函數(shù)里面的ctx.restore()之前的函數(shù)(drawSecond())里面的開始不需要ctx.save(),后面也不需要ctx.restore(),我的一開始就是因?yàn)樵O(shè)置秒針的函數(shù)的開頭設(shè)置了個(gè)ctx.save(),右下角四分之一沒了,因?yàn)槟阍谠O(shè)置秒針的開頭設(shè)置一個(gè)ctx.save()會(huì)導(dǎo)致draw里面的清除函數(shù)的畫布原點(diǎn),變成秒針的原點(diǎn),也就是圓的中心點(diǎn),今天才剛開始學(xué)canvas,也不知道我理解的對(duì)不對(duì),反正你可以試試
2017-02-18