文章分类 - HTML5
摘要：由于浏览器的同源策略,不允许ajax跨域请求 同源策略允许的跨域如下： 1,script 2,img 3,iframe 同源策略不允许的跨域如下： 1,ajax 2,..等等 解决跨域的方法： 方法1： jsonp 方法2: cors实现跨域Ajax 详情请看我的收藏中的Ajax全套
阅读全文
摘要：JS自带函数 concat 将两个或多个字符的文本组合起来，返回一个新的字符串。 var a = "hello"; var b = ",world"; var c = a.concat(b); alert(c); //c = "hello,world" indexOf 返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。 var index1 = a.indexO...
阅读全文
摘要：//constructor属性 var arr = []; arr.constructor === Array //true //prototype属性 Array.prototype.max = function(){ var max = this[0]; for(var i = 1; i max){ max = this[i]; ...
阅读全文
摘要：Array.prototype.unique = function(){ var res = []; var json = {}; for(var i = 0; i < this.length; i++){ if(!json[this[i]]){ res.push(this[i]); json[this[i]] = 1; } } return res; }
阅读全文
摘要：Array.prototype.removeByValue = function(val) { for(var i=0; i<this.length; i++) { if(this[i] == val) { this.splice(i, 1); break; } } }
阅读全文
摘要：+ 把canvas绘制的内容输出成base64内容。 + 语法：canvas.toDataURL(type, encoderOptions);+ 例如：canvas.toDataURL("image/jpg",1);+ 参数说明： * type，设置输出的类型，比如 image/png image/
阅读全文
摘要：## 3.3 变换（重点）### 3.3.1 缩放（重点）+ scale() 方法缩放当前绘图，更大或更小+ 语法：context.scale(scalewidth,scaleheight) * scalewidth : 缩放当前绘图的宽度 (1=100%, 0.5=50%, 2=200%, 依次类
阅读全文
摘要：线性渐变是一个对象: 语法: var grd=ctx.createLinearGradient(x0,y0,x1,y1); 参数：x0，y0起始坐标,x1，y1结束坐标 ····································
阅读全文
摘要：shadowColor:设置或返回用于阴影的颜色 shadowBlur：设置或返回用于阴影的模糊级别，大于1的正整数,数值越高,模糊程度越大 shadowOffsetX:设置或返回阴影矩形状的水平距离 shadowOffsetY:设置或返回阴影矩形状的垂直距离 代码示例: 示例结果:
阅读全文
摘要：第一丶JS的构造函数 function Bird(){ //这等于声明了一个构造函数 this.age=19; this.show=function(){ }//这等于在构造函数里面声明一个show方法 //如果这个构造函数里面没有return,则这个构函数默认是返回this //如果这个构造函数里
阅读全文
摘要：第一丶简单绘制图片 语法： 第二丶截取图片 第三丶绘制序列帧动画代码示例 结果:
阅读全文
摘要：第一丶绘画镂空字体 结果为: 第二丶绘画填充文字 结果为: 第三丶设置文字基线的位置 结果为: 第四丶返回指定文本的宽度的对象 结果为: 第五丶设置对齐方式 left的结果: right的结果: center的结果: start的结果: end的结果:
阅读全文
摘要：画圆的角度： PI=180度 绘制圆的语法: c.arc(x坐标，y坐标，r，开始角度(弧度)，结束角度(弧度)，是否是逆时针方向) 弧度的计算公式: 180°/π=60°/60度所对应的弧度 由上面的等式演变计算“60度所对应的弧度”=60*π/180 第一丶画闭合的圆弧路径图: 结果为: 第二丶
阅读全文
摘要：结果: 第二丶描边矩形 结果为: 第三丶填充矩形 结果为: 第四丶清除矩形 结果为: 原理:
阅读全文
摘要：第一丶 首先在HTML中写个canvas标签 注意:要定义canvas标签的宽高一定要写行内样式,不要用CSS中的style方式来写它的宽高 第二丶 在JS中操作画布 第三丶 closePath()#闭合路径 结果为: 没有closePath的结果为: 第四丶 lineWidth设置线宽（就是线的粗
阅读全文
浙公网安备 33010602011771号