js杂记

var text="CONSTRUCTION OF
HELIUM-NEON
LASER";
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里写，而且不必带单位