陈建华的博客
专注web开发
发布时间 : 2016-12-14 10:49:39     Tags : javascript

当你创建一个<canvas>元素后,就拥有了它的绘图上下文。一、简单图形1、getContext()方法为了在canvas上绘制,你必须先得到一个画布上下文对象的引用,用本方法即可完成这一操作,格式如下:context = canvas . getContext(contextId)方法返回一个指定contextId的上下文对象,如果指定的id不被支持,则返回null,当前唯一被强制必须支持的是“2d”,也许在将来会有“3d”,注意,指定的id是大小写敏感的。2、toDataURL()方法此函数,返回一张使用canvas绘制的图片,返回值符合data:URL格式,格式如下:url = canv

发布时间 : 2016-12-08 10:35:29     Tags : javascript

globalCompositeOperation即Canvas中的合成操作。1、source-over这是默认值,他表示绘制的图形将画在现有画布之上<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script

发布时间 : 2016-11-22 10:23:25     Tags : javascript

FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存。FileSaver.js 在客户端保存文件的解决方案,并且可以让 Web 应用完美的生成文件, 或者保存不应该发送到外部服务器的一些敏感信息。是一种简单易用实现的利用 JavaScript/JS 在浏览器端保存文件的方案。实现浏览器端生成并保存文件的 JavaScript 库 FileSaver.js 使用说明:https://github.com/eligrey/FileSaver.js/一、引入 JavaScript 文件:<script src="path/F

发布时间 : 2016-11-18 11:16:34     Tags : javascript

这套方案是在纯WEB端来解析XLS文件,不借助任何插件,不借助后台服务器。示例代码:<input id="m1" value="选择XLS" type="file"><script type="text/javascript">var ExcelToJSON = function() {this.parseExcel = function(file){ var reader = new FileReader(); reader.onload = function(e){ var data = e.target.result; var workbook =

发布时间 : 2016-10-12 16:54:32     Tags : javascript

//创建SVGvar svgDemo= document.createElementNS('http://www.w3.org/2000/svg','svg'); svgDemo.style.width = "400px";svgDemo.style.height = "400px";document.body.appendChild(svgDemo);//添加图片标签var image=document.createElementNS('http://www.w3.org/2000/svg','image'); image.setAttribute("x","100"); image.set

发布时间 : 2016-06-23 17:17:00     Tags : javascript

本文实例讲述了js实现jquery的offset()方法。分享给大家供大家参考。具体分析如下:用过jQuery的offset()的同学都知道offset().top或offset().left很方便地取得元素相对于整个页面的偏移。而在js里,没有这样直接的方法,节点的属性offsetTop可以获得该节点相对于父节点的相对偏移,但不能直接获得其绝对偏移,我们可用节点逐层递归向上来相加offsetTop来获得绝对偏移。function getOffset(Node, offset) { if (!offset) { offset = {}; offset.top

发布时间 : 2016-04-29 09:07:41     Tags : javascript

用delete就可以了var py = {name : "jeapedu"}console.log("name" in py);console.log(py.name);delete py.name;console.log("name" in py);console.log(py.name);~~~~输出结果~~~~~~~~~~~~~~~~truejeapedufalseundefined

发布时间 : 2016-04-18 17:10:31     Tags : javascript

在基于网页的打印输出或报表中,经常会牵扯到金额的大写,每次都打上去很麻烦,所以想法用一个JavaScript客户端脚本来实现自动转换,只需在需要显示大写金额的时候调用该JS函数,下面我们就来汇总下吧/*小写转大写*/var xcc= "12.22";document.write(xcc+"=>"+formatRMB(xcc)+"<br/>");/*大写转小写*/var rrrr = "壹拾贰元贰角贰分";document.write(rrrr+"=>"+parseRMB(rrrr));输出结果:12.22=>壹拾贰元贰角贰分壹拾贰元贰角贰分=>12.22我们来看下具体实例var c = "零壹

发布时间 : 2016-04-15 08:55:46     Tags : javascript

起初拿着onchange来测试,发现完全没有效果,后来找到这个propertychange input,有效 $("某一个dom").bind("propertychange input",function(){})

发布时间 : 2016-03-01 17:25:13     Tags : javascript

纯JavaScript实现HTML5 Canvas六种特效滤镜 小试牛刀,实现了六款简单常见HTML5 Canvas特效滤镜,并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js。支持的特效滤镜分别为:反色灰色调模糊浮雕雕刻镜像滤镜原理解释:1.反色:获取一个像素点RGB值r, g, b则新的RGB值为(255-r, 255-g, 255-b)2.灰色调:获取一个像素点RGB值r, g, b则新的RGB值为 newr = (r * 0.272) + (g * 0.534) + (b * 0.131); newg = (r * 0.349) +

微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航