不要深究,跟着我写,去感受它的奇妙。
这是next学院给初学者,小白讲的第一节课说的话。我觉得,作为小白的我,看着demo多敲代码,去实现它奇妙的功能爱上它,继而努力学习它。
今天写的内容和上面的内容无关。打分割线
(一)
canvas时钟,看整个demo.他可以看做两部分,一个是canvas,一个是数据。数据转化为点的坐标,用canvas来渲染。
这样一来,你就可以推而广之,写好多图表,销售数据,运行速度……等等。
首先,建立画布,canvas标签,给个宽高500 500。接着就在js里操作了。 var myCanvas = document.getElementById("myCanvas")找到这个元素,获取画布。var ctx = myCanvas.getContext("2d")这一步老师讲是获取画笔,是个比喻,不过也挺像。线条的粗细,颜色,点线面的渲染都是在ctx 下的属性。
网友评论