var text="CONSTRUCTION OF\nHELIUM-NEON\nLASER"; ctx.fillText(text,20,20);

代碼如此，運行后換行符顯示為空格，搜索后無解決方案，

只能分成三段字符串

filltext比較使用在繪畫好的圖形中加入文字

?

js動畫效果

①window.setTimout()或者window.setInterval()通過不斷更新元素的狀態位置等來實現動畫，

前提是畫面的更新頻率要達到每秒60次才能讓肉眼看到流暢的動畫效果。

經常用setInterval來實現動畫，其實這種做法不是太好，因為不同瀏覽器的刷新頻率也不一樣（一般認為設置16為最佳,按每秒60幀算，1000/60≈16.67）

②window.requestAnimationFrame()方法，window.requestAnimationFrame() 方法告訴瀏覽器您希望執行動畫并請求瀏覽器在下一次重繪之前調用指定的函數來更新動畫。該方法使用一個回調函數作為參數，這個回調函數會在瀏覽器重繪之前調用。

?

?

canvas里畫圓變成橢圓，width和height不要再css里寫，可以在html里寫，而且不必帶單位

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的js杂记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。