問(wèn)題描述

為何沒(méi)有直線出現(xiàn)？

<canvas height='200'>canvas { border: 1px dashed black;} window.onload = function() {var canvas = document.getElementById('myCanvas');var context = canvas.getContext('2d');context.lineWidth = 10;context.moveTo(0, 50);context.lineTo(400, 150);context.stroke(); }

分別用chrome firefox 打開jsfiddle,沒(méi)有直線出現(xiàn)？

問(wèn)題解答

看截圖的樣式，我覺得題主用的是jsfiddle，我在runjs上都正常運(yùn)行，試了一下jsfiddle，發(fā)現(xiàn)不行的原因了。

看起來(lái)jsfiddle是把用戶定義的js包裹在window.onload里 如截圖所示，也就是頁(yè)面加載完成調(diào)用的是外層的onload，內(nèi)層對(duì)onload重新賦值已于事無(wú)補(bǔ)。

把window.onload去掉，jsfiddle預(yù)覽就正常了……

chrome和ieedge測(cè)過(guò)了，都可以出現(xiàn)直線。你代碼沒(méi)問(wèn)題你再看看其他原因