HTML Code: Image Editor Test Pages Edit Your Images
JS Code:/** * mageEditor-test.js * User: ldp * Date: 12-12-22 * project: 图像缩放与剪裁 */(function () { if (!window.ADS) { window.ADS = {}; } function addEvent(node, type, listener) { if (node.addEventListener) { node.addEventListener(type, listener, false); return true; } else if (node.attachEvent) { node['e' + type + listener] = listener; node[type + listener] = function () { node['e' + type + listener](window.event); }; node.attachEvent('on' + type, node[type + listener]); return true; } else { return false; } } window.ADS.addEvent = addEvent; function addLoadEvent(loadEvent, waitForImages) { //如果等待标记是true则使用常规的添加事件的方法 if (waitForImages) { return addEvent(window, 'load', loadEvent); } //否则使用一些不同的方式包装loadEvent()方法 //以便为this关键字制定正确的内容，同时确定 //事件不会被执行两次 var init = function () { //如果这个函数已经被调用过了则返回 if (arguments.callee.done) { return; } //标记这个函数以便检测它是否运行过 arguments.callee.done = true; //在document的环境中运行载入事件 loadEvent.apply(document, arguments); }; //为DOMContentLoaded事件注册事件侦听器 if (document.addEventListener) { document.addEventListener('DOMContentLoaded', init, false); } //对于safari，使用setInterval()函数检测 //document是否载入完成 if (/WebKit/i.test(navigator.userAgent)) { var _timer = setInterval(function () { if (/loaded|complete/.test(document.readyState)) { clearInterval(_timer); init(); } }, 10); } //对于IE（使用条件注释） //附加一个在载入过程最后执行的脚本 //并检测该脚本是否载入完成 /*@cc_on @*/ /*@if (@_win32) document.write("