我真的叫张小春

上节课，我们学习了状态的保存和恢复。状态保存使用方法save()，状态恢复使用方法restore()。状态被保存在了一个栈里面。 可以保存的状态主要有两类，第一类是基本样式，第二类是操作后结果，包括变形，移动，剪切路径等。其中操作后结果我们没有学习过。 答： 当然可以，听我细细…

上一节中，我们学习了图像的擦除。在生活中，在我们绘制图像的过程中，可能会因为失误或者想法的变化，对已经绘制好的部分要进行擦除，在canvas中，我们也完整实现了这样的擦除，当你对某一部分不满时，可以使用它进行擦除。canvas中的这个工具就是clearRect(x,y,widt…

截止目前，canvas的各种绘制方法我们都已经学习过了，可以绘制出线条，三角形，长方形，圆，圆弧，圆滑的曲线等，在此基础上，拥有足够的创造力，我们可以使用js在canvas画板上画出各种形象来。下面我们对已经学习过的内容进行总复习，然后开启新的篇章，去认识丰富多彩的canvas…

上一节中学习了绘制三角形和绘制矩形。其中三角形的绘制是利用lineTo(x,y)方法来实现的，学会绘制三角形后，矩形，五角形等更多其它类型的图形，我们都可以做出来了。但是，绘制矩形还有简单的方法，分别是fillReact(x,y,width;height)和strokeRect…

之前学习了canvas的基础知识和利用canvas画一条追线。 首先canvas是一个新的h5 dom，在一些老的浏览器上可能存在不支持的风险，需要做好回退策略。 利用canvas进行绘制时，首先要获取canvas的dom，然后通过getContext()接口，传入参数‘2d’…

上节课中我们将canvas的dom渲染了出来，但是没有做任何操作。这一节我要学习在canvas上操作，同时画一些简单的东西，比如线条。 首先，我们需要获取渲染上下文。 在上面的javaScript代码中,第一行用来获取canvas元素的dom对象。 第二行利用canvas对象的…

canvas是一个可以使用js脚本在上面做2D画的html元素，是H5上面新出的标签。使用canvas，需要熟悉基本的html和JavaScript知识，现代浏览器基本都支持canvas， 尤其是在手机端，可以不考虑不支持canvas的状况。默认情况下，canvas的大小为30…

在电话面试时，被阿里面试官问了几个跨域的问题，发现对跨域的了解，第一不成系统，第二太过片面，所以决定好好的学习一下。 答：跨域其实就是违背了浏览器的同源策略，所以要想知道什么是跨域，弄明白同源策略就可以了。 答：同源策略得先从同源说起，所谓的同源，需要同时满足三个要求，否则就是…

现在大家都喜欢在chrome上开发，体验非常好。然而兼容性问题，很多形式也是避免不了的。比如我今天就被一个莫名其妙的阴影这么了一上午。 在经过多次删除dom都没发现后，我把目光放到了overflow上面，因为我实在想不到有什么地方会出现这样的问题。于是我把原先的overflow…