├── README.md ├── alloyphoto ├── alloyphoto.html ├── alloyphoto_effectFactory.html ├── alloyphotopro.html ├── effects │ ├── mini.js │ ├── sketch.js │ ├── vintage.js │ └── yellowStyle.js ├── images │ ├── bg_hr.png │ ├── blacktocat.png │ ├── go.png │ ├── headerbg.png │ ├── icon_download.png │ ├── links.png │ ├── links_git.png │ ├── links_pro.png │ ├── links_simple.png │ ├── listimg.png │ ├── nav.png │ └── sprite_download.png ├── img │ ├── 4.jpg │ ├── 7.jpg │ ├── big.jpg │ ├── bulding.jpg │ ├── girl.jpg │ ├── home │ │ ├── 4.jpg │ │ ├── big.jpg │ │ ├── inner.jpg │ │ ├── pet.jpg │ │ ├── scen.jpg │ │ └── stop.jpg │ ├── inner.jpg │ ├── lomo.jpg │ ├── pet.jpg │ ├── scen.jpg │ ├── small.jpg │ └── stop.jpg ├── js │ ├── Msgbox.js │ ├── ace.js │ ├── alloyphoto.js │ ├── effectFactory.js │ ├── effectsList.js │ ├── jquery.js │ ├── main.js │ ├── main2.js │ ├── mode-javascript.js │ ├── src-min │ │ ├── ace.js │ │ ├── ext-elastic_tabstops_lite.js │ │ ├── ext-emmet.js │ │ ├── ext-keybinding_menu.js │ │ ├── ext-modelist.js │ │ ├── ext-options.js │ │ ├── ext-searchbox.js │ │ ├── ext-settings_menu.js │ │ ├── ext-spellcheck.js │ │ ├── ext-static_highlight.js │ │ ├── ext-statusbar.js │ │ ├── ext-textarea.js │ │ ├── ext-themelist.js │ │ ├── ext-whitespace.js │ │ ├── keybinding-emacs.js │ │ ├── keybinding-vim.js │ │ ├── mode-abap.js │ │ ├── mode-actionscript.js │ │ ├── mode-ada.js │ │ ├── mode-asciidoc.js │ │ ├── mode-assembly_x86.js │ │ ├── mode-autohotkey.js │ │ ├── mode-batchfile.js │ │ ├── mode-c9search.js │ │ ├── mode-c_cpp.js │ │ ├── mode-clojure.js │ │ ├── mode-cobol.js │ │ ├── mode-coffee.js │ │ ├── mode-coldfusion.js │ │ ├── mode-csharp.js │ │ ├── mode-css.js │ │ ├── mode-curly.js │ │ ├── mode-d.js │ │ ├── mode-dart.js │ │ ├── mode-diff.js │ │ ├── mode-django.js │ │ ├── mode-dot.js │ │ ├── mode-ejs.js │ │ ├── mode-erlang.js │ │ ├── mode-forth.js │ │ ├── mode-ftl.js │ │ ├── mode-glsl.js │ │ ├── mode-golang.js │ │ ├── mode-groovy.js │ │ ├── mode-haml.js │ │ ├── mode-haskell.js │ │ ├── mode-haxe.js │ │ ├── mode-html.js │ │ ├── mode-html_ruby.js │ │ ├── mode-ini.js │ │ ├── mode-jade.js │ │ ├── mode-java.js │ │ ├── mode-javascript.js │ │ ├── mode-json.js │ │ ├── mode-jsoniq.js │ │ ├── mode-jsp.js │ │ ├── mode-jsx.js │ │ ├── mode-julia.js │ │ ├── mode-latex.js │ │ ├── mode-less.js │ │ ├── mode-liquid.js │ │ ├── mode-lisp.js │ │ ├── mode-livescript.js │ │ ├── mode-logiql.js │ │ ├── mode-lsl.js │ │ ├── mode-lua.js │ │ ├── mode-luapage.js │ │ ├── mode-lucene.js │ │ ├── mode-makefile.js │ │ ├── mode-markdown.js │ │ ├── mode-matlab.js │ │ ├── mode-mushcode.js │ │ ├── mode-mushcode_high_rules.js │ │ ├── mode-mysql.js │ │ ├── mode-objectivec.js │ │ ├── mode-ocaml.js │ │ ├── mode-pascal.js │ │ ├── mode-perl.js │ │ ├── mode-pgsql.js │ │ ├── mode-php.js │ │ ├── mode-powershell.js │ │ ├── mode-prolog.js │ │ ├── mode-properties.js │ │ ├── mode-python.js │ │ ├── mode-r.js │ │ ├── mode-rdoc.js │ │ ├── mode-rhtml.js │ │ ├── mode-ruby.js │ │ ├── mode-rust.js │ │ ├── mode-sass.js │ │ ├── mode-scad.js │ │ ├── mode-scala.js │ │ ├── mode-scheme.js │ │ ├── mode-scss.js │ │ ├── mode-sh.js │ │ ├── mode-snippets.js │ │ ├── mode-sql.js │ │ ├── mode-stylus.js │ │ ├── mode-svg.js │ │ ├── mode-tcl.js │ │ ├── mode-tex.js │ │ ├── mode-text.js │ │ ├── mode-textile.js │ │ ├── mode-tmsnippet.js │ │ ├── mode-toml.js │ │ ├── mode-twig.js │ │ ├── mode-typescript.js │ │ ├── mode-vbscript.js │ │ ├── mode-velocity.js │ │ ├── mode-verilog.js │ │ ├── mode-xml.js │ │ ├── mode-xquery.js │ │ ├── mode-yaml.js │ │ ├── theme-ambiance.js │ │ ├── theme-chaos.js │ │ ├── theme-chrome.js │ │ ├── theme-clouds.js │ │ ├── theme-clouds_midnight.js │ │ ├── theme-cobalt.js │ │ ├── theme-crimson_editor.js │ │ ├── theme-dawn.js │ │ ├── theme-dreamweaver.js │ │ ├── theme-eclipse.js │ │ ├── theme-github.js │ │ ├── theme-idle_fingers.js │ │ ├── theme-kr.js │ │ ├── theme-merbivore.js │ │ ├── theme-merbivore_soft.js │ │ ├── theme-mono_industrial.js │ │ ├── theme-monokai.js │ │ ├── theme-pastel_on_dark.js │ │ ├── theme-solarized_dark.js │ │ ├── theme-solarized_light.js │ │ ├── theme-terminal.js │ │ ├── theme-textmate.js │ │ ├── theme-tomorrow.js │ │ ├── theme-tomorrow_night.js │ │ ├── theme-tomorrow_night_blue.js │ │ ├── theme-tomorrow_night_bright.js │ │ ├── theme-tomorrow_night_eighties.js │ │ ├── theme-twilight.js │ │ ├── theme-vibrant_ink.js │ │ ├── theme-xcode.js │ │ ├── worker-coffee.js │ │ ├── worker-css.js │ │ ├── worker-javascript.js │ │ ├── worker-json.js │ │ ├── worker-lua.js │ │ ├── worker-php.js │ │ └── worker-xquery.js │ ├── theme-tomorrow_night_eighties.js │ └── worker-javascript.js └── style │ ├── alloyphoto.css │ ├── bar.style.css │ ├── effectFatory.css │ ├── flash.css │ ├── image │ ├── 03.gif │ ├── back.png │ ├── cardboard.png │ ├── copy.png │ ├── delete.png │ ├── demo │ │ ├── e1.jpg │ │ ├── e1.png │ │ ├── e10.png │ │ ├── e11.png │ │ ├── e12.png │ │ ├── e13.png │ │ ├── e14.png │ │ ├── e2.png │ │ ├── e3.png │ │ ├── e4.png │ │ ├── e5.png │ │ ├── e6.png │ │ ├── e7.png │ │ ├── e8.png │ │ └── e9.png │ ├── down.png │ ├── effect │ │ ├── mini.png │ │ ├── sketch.png │ │ └── yellowStyle.png │ ├── lvjing.png │ ├── modify.png │ ├── msgtitle.png │ ├── open.png │ ├── save.png │ ├── t_lg.gif │ └── up.png │ ├── main.css │ └── main1.css └── alloyphoto_inner ├── build └── Modfile ├── img ├── 4.jpg ├── logoIcon.png └── logoIcon2.png ├── js ├── alloyimage-1.1.js ├── alloyimage.js ├── alloyphoto.loader.js └── alloyphoto.old.js ├── release └── alloyphoto-1.0.js ├── src ├── alloyphoto.base.js ├── css.js ├── event.js ├── utils.js └── view.js └── test ├── alloyphoto.html └── index.html /README.md: -------------------------------------------------------------------------------- 1 | AlloyPhoto 2 | ========== 3 | 4 | 基于AlloyImage图像处理库的应用 5 | -------------------------------------------------------------------------------- /alloyphoto/alloyphoto.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 |40 | //定义效果代码 可移植 41 | $AI.define("scale", function(img){ 42 | return $AI(img).ps("sketch"); 43 | }); 44 | 45 | //使用效果代码 依赖AP 46 | //要求弹出图片加载框 47 | $AP.require("img", function(img){ 48 | var layer = $AI(img).ps("scale"); 49 | 50 | //显示处理后图片 51 | $AP.show(layer); 52 | }); 53 |54 |