- 博客(12)
- 资源 (3)
- 收藏
- 关注
原创 Canvas实例-简易祖玛
*{margin:0;padding:0;} body{background:black;} #div1{background:white;width:600px;margin:20px auto;} window.onload=function(){ var oC=docume
2016-06-29 21:39:25 1111
原创 HTML5之canvas5
body{ background:black;}#c1{ background:white;}window.onload = function(){ varoC = document.getElementById('c1'); varoGC = oC.getContext('2d'); oGC.fil
2016-06-28 21:18:10 588
原创 HTML5之canvas4
body{ background:black;}#c1{ background:white;}window.onload = function(){ var oC =document.getElementById('c1'); var oGC =oC.getContext('2d'); oGC.fillRect(0,0,100,100);
2016-06-28 21:17:08 765
原创 从iAll中选择出iNow个数的随机函数
functionrandomArr(iAll,iNow){ var arr = []; var newArr =[]; for(vari=0;i arr.push(i); } for(vari=0;i newArr.push(arr.splice( Ma
2016-06-28 10:18:44 331
原创 HTML5之canvas3
body{ background:black;}#c1{ background:white;}window.onload = function(){ var oC =document.getElementById('c1'); var oGC = oC.getContext('2d'); var yImg = new Image(); yImg.onload
2016-06-27 20:04:07 455
原创 HTML5之canvas2
无标题文档body{ background:black;}#c1{ background:white;}window.onload = function(){ var oC = document.getElementById('c1'); var oGC = oC.getContext('2d'); oGC.moveTo(200,200); //弧度
2016-06-26 22:23:05 401
原创 HTML5之canvas基础
HTML5之Canvas1. Canvas默认的宽度为300px,高度为150px2. 要在标签上设置宽高 不然样式中的宽高是在原来比例上进行等比例缩放的3. 一般边框多出来一像素的原因:从开始的点向左,向右边分别延伸0.5像素,计算机会自动补为1px,所有看到的为2px当把开始的点设置为带0.5px的点,画出来的边框就为1px4. 填充样式和边框样式的绘制顺序会影响显
2016-06-26 21:45:08 412
原创 HTML5之Web Workers
l 什么是worker?• JS的单线程(放入UI队列的个数,利用定时器解决)• 可以让web应用程序具备后台处理能力,对多线程的支持非常好。l WorkerAPI• newWorker(‘后台处理的JS地址’)• 利用postMessage传输数据• importScripts(‘导入其他JS文件’) 后台的js文件中能执行
2016-06-26 20:08:20 393
原创 HTML5之离线存储
applicationCache l 离线应用是什么?• 乘坐飞机、手机信号弱、去演讲的时候,可能没有网络,这个时候就可以采用离线应用。• 离线存储如何工作的?• l 离线存储的好处?• 没网的时候,可以正常访问• 快速相应页面,不必用多个HTTP占用资源带宽缓存的可以是任何 l 搭建离
2016-06-25 21:39:11 1575
原创 HTML5之Ajax跨域的问题和处理
请求的文件与当前的文件不在同一域下,ajax跨域请求 (1) 标准浏览器下:后端对访问源进行控制:设置一下:设置访问该资源的域 window.onload =function() { /* 在标准浏览器下,XMLHttpRequest对象已经是升级版本,支持了更多的特性,可以跨域了
2016-06-25 19:40:36 6025
原创 HTML5之窗口间通信
准备工作:虚拟主机相关配置 同域下窗口间通信的二种方式:1.iframe 2 window.open 同域下的窗口通信方式一:iframe1. iframe.html(1) 父级页面(1.iframe.html)通过点击按钮改变子级页面(2.iframe.html)的背景颜色/*我们可以通过js去访问被包含页面的DOM元素*/
2016-06-25 19:37:33 6842
原创 HTML5培训第16节课堂笔记
HTML5培训第16节课堂笔记多媒体专题:1. 拍照:(1) 调用系统接口var cam=plus.camera.getCamera(1);//number值 1 前置 (2) 拍照拍照:var cam=plus.camera.getCamera(1); cam.captureImag
2016-06-03 22:30:15 740
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人