欢迎使用CSDN-markdown编辑器

来源:互联网 发布:淘宝如何加入村淘 编辑:程序博客网 时间:2024/06/18 15:45

有关JS有关CANVAS


在CANVAS学习中遇见的小问题

在使用CANVAS时 我们应该知道CANVAS的beginPath和closePath是互不相关的,后者会稍微影响画出图像的样子

var ctx = document.getElementById("myCanvas1").getContext("2d");            var width=ctx.canvas.width;            var height=ctx.canvas.height;            var r=width/2;            ctx.translate(r,r);            ctx.beginPath();            ctx.arc(0,0,r-1,0,1.5*Math.PI,false);            ctx.stroke();

这里写图片描述

var ctx = document.getElementById("myCanvas1").getContext("2d");            var width=ctx.canvas.width;            var height=ctx.canvas.height;            var r=width/2;            ctx.translate(r,r);            ctx.beginPath();            ctx.arc(0,0,r-1,0,1.5*Math.PI,false);            ctx.closePath();            ctx.stroke();

这里写图片描述

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

在重新绘制路径时 大多数的时候应该beginPath一次 也可以不关闭上一次的路径 beginPath会重新定义一条路径

在drowImage函数中 我们往往应该等到图片加载完成才能进行接下来的一系列操作

img.onload=function(){    body....}

关于最近重新再看JS发现的小东西

label语句 

out: for(...){    for(....)        if(.....)        {            ....            continue out;//break out;        }   }

我们就直接跳出了out的那层循环

关于this

JS数组的迭代会影响this指针的值
map foreach every some filter
这里我就不罗列代码了
一百度一大堆
要时刻记住 js 的this指向的是当前环境