摘要：
使用dom breakpoint能快速找到修改了某一个dom element的JavaScript code位于何处。在Chrome development tool里，选中想要inspect的dom element，右键选择Break on->Attributes modifications: 之 阅读全文
摘要：
SVG内部利用foreignObject嵌入XHTML元素 <foreignObject>元素的作用是可以在其中使用具有其它XML命名空间的XML元素，换句话说借助<foreignObject>标签，我们可以直接在SVG内部嵌入XHTML元素，举个简单的例子： <svg xmlns="http:// 阅读全文
摘要：
本文目的： 现在有一条二次贝塞尔曲线，控制点坐标分别为：P0(3,8)，P1(2,3)，P2(2,7)，如果想要返回 10 个在贝塞尔曲线上的点，可以理解为将该曲线分成10端（实际是11个点组成，不过我们的逻辑是返回除最后一个点外的10个点） 如果想对贝塞尔曲线有更深入的理解，可以学习这篇文章：贝塞 阅读全文
摘要：
文章目录 箭头函数是什么？ 箭头函数没有this 什么情况下该使用箭头函数 箭头函数是什么？ 箭头函数没有this 什么情况下该使用箭头函数 在ES6大行其道的今天，不应用点ES6特性似乎有些政治不正确。最近刚好有个Node的项目，最低要支持到nodejs 4.0，在node.green看了下ES6 阅读全文
摘要：
其实就是简单的利用defer属性，让浏览器读JS脚本的时候完全不等脚本开始读就开始读下面的图片啊，html代码了。然后让js脚本自己在那里慢慢读取完以后再执行。 给外链的js脚本添加defer="true"，像下面这个这样就可以了： <script defer="true" src="JavaScr 阅读全文
摘要：
Canvas中的剪切 接下来我们要聊的不是图像的合成，而是Canvas中的另一个有用的功能：剪切区域。它是Canvas之中由路径所定义的一块区域，浏览器会将所有的绘图操作都限制在本区域内执行。在默认情况下，剪辑区域的大小与Canvas画布大小一致。除非你通过创建路径并调用Canvas绘图环境对象的c 阅读全文
摘要：
globalCompositeOperation的作用 在默认情况之下，如果在Canvas之中将某个物体（源）绘制在另一个物体（目标）之上，那么浏览器就会简单地把源特体的图像叠放在目标物体图像上面。 简单点讲，在Canvas中，把图像源和目标图像，通过Canvas中的globalCompositeO 阅读全文
摘要：
HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type参数其类型，默认为 PNG 格式。图片的分辨率为96dpi。 如果画布的高度或宽度是0，那么会返回字符串"data:,"。 如果传入的类型非"image/png"，但是返回的 阅读全文
摘要：
createPattern作用 createPattern() 方法在指定的方向内重复指定的元素。 元素可以是图片、视频，或者其他 <canvas> 元素。 被重复的元素可用于绘制/填充矩形、圆形或线条等等。 网站http://www.w3school.com.cn/tags/canvas_crea 阅读全文
摘要：
图片来自KrzysztofBanaś 下面我们开始尝试研究不同的绘图风格和技术 - 边缘平滑，贝塞尔曲线，墨水和粉笔，笔和印章和图案 -等等。事实证明，网上没有太多关于此的内容。在下面的示例中，您请大家查看演示源代码，以便了解正在发生的事情。 这篇教程将带您从基础知识（在画布上绘制原始鼠标跟随线）， 阅读全文