2月8日

2019-02-08  本文已影响0人  无意爱昵

不要深究,跟着我写,去感受它的奇妙。

这是next学院给初学者,小白讲的第一节课说的话。我觉得,作为小白的我,看着demo多敲代码,去实现它奇妙的功能爱上它,继而努力学习它。

今天写的内容和上面的内容无关。打分割线


(一)

canvas时钟,看整个demo.他可以看做两部分,一个是canvas,一个是数据。数据转化为点的坐标,用canvas来渲染。

这样一来,你就可以推而广之,写好多图表,销售数据,运行速度……等等。

首先,建立画布,canvas标签,给个宽高500  500。接着就在js里操作了。            var myCanvas = document.getElementById("myCanvas")找到这个元素,获取画布。var  ctx = myCanvas.getContext("2d")这一步老师讲是获取画笔,是个比喻,不过也挺像。线条的粗细,颜色,点线面的渲染都是在ctx  下的属性。

上一篇 下一篇

猜你喜欢

热点阅读