随笔分类 - JavaScript
摘要：ImageData对象 ImageData对象包含了一个区域内的canvas的像素信息。它包含以下可读属性： width canvas的宽度，单位是像素。 height canvas的高度，单位是像素。 data 一个Uint8ClampedArray的一维数组，包含了每个像素的RGBA值。 什么是
阅读全文
摘要：globalCompositeOperation 如果我们先画了一个图形，然后要在这个图形上面再画一个图形，那么这个图形会怎么样呢？是覆盖在原来的图形上面吗？这时候，就要用到globalCompositeOperation这个属性了。 当有两个图形重叠的时候，可以有很多种混合模式，比如上面的图形盖住
阅读全文
摘要：save()和restore() save() 保存当前状态，将当前canvas的状态存入栈中。 restore() 恢复之前save的一个状态，将之前的状态从栈中弹出。 保存的当前状态包含以下信息： 变换（平移、旋转、缩放） 属性： strokeStyle, fillStyle, globalAl
阅读全文
摘要：在canvas里画图有两个步骤： 1. 获得图片源。 2. drawImage()画图。 图片源 canvas支持以下几种图片资源： 1. HTMLImageElement 可以使用Image()方法构造的图片，也可以是HTML的元素。 2. HTMLVideoElement 可以使用HTML的标签
阅读全文
摘要：本节我们来学习如何绘制文字。 绘制文字有两个主要的方法： fillText(text, x, y [, maxWidth]) 在x, y位置填充文字text，有一个可选参数maxWidth设置最大绘制宽度。 strokeText(text, x, y [, maxWidth]) 在x, y位置给文字
阅读全文
摘要：上一节我们学习了如何用路径绘制各种形状，但我们只能用默认的颜色和线条。这节就来学习设置不同的颜色和线条样式。 颜色 设置颜色主要有两个属性： fillStyle = color 设置填充颜色 strokeStyle = color 设置描边颜色 颜色值可以用十六进制也可以用一些内置的颜色字符，还可以
阅读全文
摘要：上一篇我们已经讲述了canvas的基本用法，学会了构建canvas环境。现在我们就来学习绘制一些基本图形。 坐标 canvas的坐标原点在左上角，从左到右X轴坐标增加，从上到下Y轴坐标增加。坐标的一个单元是1像素。示意如下： 矩形 canvas可以绘制的多边形只有矩形，其他都要通过线段拼接而成。 绘
阅读全文
摘要：今天意外地发现JavaScript是不能用==或 操作符直接比较两个数组是否相等的。 以上两句代码都会弹出false。 因为JavaScript里面Array是对象，==或 操作符只能比较两个对象是否是同一个实例，也就是是否是同一个对象引用。目前JavaScript没有内置的操作符判断对象的内容是否
阅读全文
摘要：今天我们来学习如何通过CSS3的特性和jQuery来创建一个感知鼠标滑动方向的hover效果。当鼠标滑进的时候，遮罩层会从上次鼠标滑出的方向滑入，当鼠标滑出的时候，遮罩层会跟随鼠标，从鼠标滑出的方向滑出。这是一个十分有趣的效果。 我们使用无序列表来组织缩略图和描述遮罩层： <ul id="da-th
阅读全文
摘要：转载请注明出处：http://www.cnblogs.com/-867259206/p/5664896.html 先说一下最土的一种方法： Html: CSS: JS: 效果： 实现Tab的切换，我们很容易想到的一种方式就是给每一个要控制的标签添加id，然后分别编写鼠标事件，使用id获取每个元素，精
阅读全文
摘要：[文章系摘自网络，看到有用记录在博客，同时共享给大家] 原链接：http://www.2cto.com/kf/201409/335383.html 方式1，splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary);
阅读全文
