我真的叫张小春

最近接了一个需求，要求用户点击下载按钮后直接下载pdf文件，而不是打开一个新窗口，让用户再去手动保存。 接到需求后我立刻着手在网上查找文档，发现很多声称可以实现直接下载的方法都不行，只有下面这个方法成功实现了我的需求，现在翻译过来，供更多的人使用。 现在的web应用基本都运行在…

上一节中，我们学习了如何改变一个canvas的圆心，及改变后的坐标轴展现方式，我们现在来复习一下。 改变canvas的圆心：使用translate(x,y)方法，我们可以改变canvas圆心的位置。x表示圆心在水平方向上的偏移量，y表示圆心在垂直方向的偏移量。 改变圆心位置后的…

上节课，我们学习了状态的保存和恢复。状态保存使用方法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…

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