html5 canvas translate()方法理解记录
摘要:接触多了html5 canvas 慢慢开始发现后面的canvas数学相关越来越多,坐标系,坐标,sin,cos,tan,矩阵。。越来越有难度有意思了现在接触到canvas translate(x,y) 发现其中有点古怪,还是先看w3c上是怎么解释的:Translating(转换) 该方法用于“移动”canvas,之后画布的原点(0,0)将改变为(0+x,0+y) var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillRect(10,10,100,50)
阅读全文
posted @
2012-11-10 14:49
冲锋的路上的兵
阅读(2331)
推荐(0)
js 的上下文
摘要:可以理解为上下文对象,表示当前代码执行时所处的环境。即是this变量所指代的对象;例子:function Test() { console.log(this);}Test(); //windownew Test();//Object在执行Test()时,此时的上下文对象是window,即Javascript的全局对象!在执行new Test() 时新建了一个Object,此时执行Test函数的上下文对象就是Object。再看下面例子function newObj(Fun,arguments) { var o = {}; if (Fun && typeof...
阅读全文
posted @
2012-10-23 15:05
冲锋的路上的兵
阅读(560)
推荐(0)
jquery 在FF 或 Google中iframe 的路径问题
摘要:Firefox中iframe的src不能出现“../”向上层目录查找的文件的路径,经过服务器上测试后更加神奇的事情发生了,那就是在服务器上“../”向上层目录查找的文件的路径在FF中能正常执行,最后的结论是Firefox在本地iframe中的src不能出现“../”向上层目录查找的文件的路径,除非本地建站点。原文:http://www.css88.com/archives/1982
阅读全文
posted @
2012-10-08 10:19
冲锋的路上的兵
阅读(268)
推荐(0)
ajax 传输base64图片给php保存
摘要:首先:将base64码里的“+”号改成"%2B"和“&”改成"%26" 因为在ajax传送时会把他们变成空格 毁坏了数据的正确性str=str.replace(/\&/g,"%26"); str=str.replace(/\+/g,"%2B");其次:ajax要用post传送,GET无法传送那么多的数据量!最后:$filename=date("dMYHis").".png";//要生成的图片名字function convert_data($data){$ima
阅读全文
posted @
2012-10-06 16:38
冲锋的路上的兵
阅读(2326)
推荐(1)
html5 canvas store 和 restore 详解
摘要:function drawShape(){ // get the canvas element using the DOM var canvas = document.getElementById('mycanvas'); // Make sure we don't execute when canvas isn't supported if (canvas.getContext){ // use getContext to use the canvas for drawing var ctx = canvas.getContext('2d');
阅读全文
posted @
2012-10-03 10:58
冲锋的路上的兵
阅读(1419)
推荐(0)
document.defaultView.getComputedStyle() 的使用
摘要:defaultView 是直到ie9才出现的Dom下新的方法。在此前parentWindow()有相似功能。document.defaultView()返回当前窗口对象包含的document例子:http://help.dottoro.com/ljvftsxk.phpdocument.defaultView.getComputedStyle(element,[pseudoElt]) 是返回当前“element”的css的所有值(数组)。element 当前文档任何标签[pseudoElt] 可以为null。var style = document.defaultView.getComputed
阅读全文
posted @
2012-09-23 20:26
冲锋的路上的兵
阅读(3119)
推荐(0)
KineticJS 源码阅读记录
摘要:1.包括主要的大类: (1)Global 全局设置 (2)Transition 暂时理解成位置的变换,跟Animation有相似之处。 (3)Type (确定数据类型,一种类型转变成另一种实用工具)像是内部数据的封装类 (4)Canvas canvas各种操作封装类 (5)Tween 是动画的一种吧。(Android 里也有这个tween和frame动画) (6)Transform (还未深究) (7)Animation 动画 (8)Node (可能是对canva内部节点(线,矩形,图像等)的操作) (9)Container 容器,包含node...
阅读全文
posted @
2012-09-14 19:19
冲锋的路上的兵
阅读(387)
推荐(0)
jsjac 的 本地登录问题
摘要:httpbase = "http://localhost:7070/http-bind/"; 对应oArgs.domain = "localhost";httpbase = "http://ip:7070/http-bind/"; 对应oArgs.domain = "ip";httpbase = "http://127.0.0.1:7070/http-bind/"; 对应oArgs.domain = "127.0.0.1";本地apache好像支持ie , firefox g
阅读全文
posted @
2012-07-16 20:39
冲锋的路上的兵
阅读(273)
推荐(0)
js removeChild 的bug
摘要:直接用removeChild删除元素好像有bug故要找到其父节点 然后删除此节点var div = document.getElementById("XX");div.parentNode.removeChild(div);
阅读全文
posted @
2012-07-16 20:34
冲锋的路上的兵
阅读(730)
推荐(0)
js 动态创建xml串
摘要:做记录:function createXML(e_id,q_id,q_type,q_grade,number,title,arr_item){ var xmlObj = new ActiveXObject("Microsoft.XMLDOM"); var p = xmlObj.createProcessingInstruction('xml', 'version="1.0" encoding="GBK"'); xmlObj.appendChild(p); var EXAM = xmlObj.create
阅读全文
posted @
2012-04-18 20:15
冲锋的路上的兵
阅读(572)
推荐(0)
html中name 和 id 的区别
摘要:下面的内容是自己翻译自外国的问题的回答。name = 当你点击表单提交时,为后台的php或者asp接收做标识。name = 使用radio时name的名字要相同才能单选。id = 更多的是在JavaScript 或者java dom时作为唯一标识
阅读全文
posted @
2012-04-14 17:47
冲锋的路上的兵
阅读(149)
推荐(0)
js动态删除节点
摘要:<script type="text/javascript">function clearText() {var content=document.getElementById("content");for (var i=content.childNodes.length-1;i>=0;i--) {var childNode = content.childNodes[i];content.removeChild(childNode);}}</script>采用逆序来删除
阅读全文
posted @
2012-04-12 21:09
冲锋的路上的兵
阅读(2631)
推荐(0)
JavaScript 解析xml字符串
摘要:续js解析xml文件,下面笔记是js解析xml字符串与文件的不同 loadXML = function(xmlString){ var xmlDoc=null; //判断浏览器的类型 //支持IE浏览器 if(!window.DOMParser && window.ActiveXObject){ //window.DOMParser 判断是否是非ie浏览器 var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Mic...
阅读全文
posted @
2012-03-02 16:02
冲锋的路上的兵
阅读(969)
推荐(0)
JavaScript 解析xml文件
摘要:首先是先加载到你要的xml文件,直接上代码: loadXML = function(xmlFile){ var xmlDoc=null; //判断浏览器的类型 //支持IE浏览器 if(!window.DOMParser && window.ActiveXObject){ var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM']; for(var i=0;i<xmlD...
阅读全文
posted @
2012-03-01 15:53
冲锋的路上的兵
阅读(1270)
推荐(0)