1.0.1 喜欢拿去用
代码不是一件有趣的事情，有趣的是你！
——我自己
偶然的时候看见API请求模块代码是这个样子的
以前学习的时候在W3C貌似收藏过类似有趣的东西
/**
* 这个公司没有年终奖的,兄弟别指望了,也别来了,我准备辞职了
* 另外这个项目有很多*Bug* 你坚持不了多久的,拜拜!
*/
/**
* 1只羊 == one sheep
* 2只羊 == two sheeps
* 3只羊 == three sheeps
* 4只羊 == four sheeps
* 5只羊 == five sheeps
* 6只羊 == six sheeps
* 7只羊 == seven sheeps
* 8只羊 == eight sheeps
* 9只羊 == nine sheeps
* 10只羊 == ten sheeps
* 11只羊 == eleven sheeps
* 12只羊 == twelve sheeps
* 13只羊 == thirteen sheeps
* 14只羊 == fourteen sheeps
* 15只羊 == fifteen sheeps
* 16只羊 == sixteen sheeps
* 17只羊 == seventeen sheeps
* 18只羊 == eighteen sheeps
* 19只羊 == nineteen sheeps
* 20只羊 == twenty sheeps
* 21只羊 == twenty one sheeps
* 22只羊 == twenty two sheeps
* 23只羊 == twenty three sheeps
* 24只羊 == twenty four sheeps
* 25只羊 == twenty five sheeps
* 26只羊 == twenty six sheeps
* 27只羊 == twenty seven sheeps
* 28只羊 == twenty eight sheeps
* 29只羊 == twenty nine sheeps
* 30只羊 == thirty sheeps
* 现在瞌睡了吧，好了，不要再改下面的代码了，睡觉咯~~
*/
/**
* You may think you know what the following code does.
* But you dont. Trust me.
* Fiddle with it, and youll spend many a sleepless
* night cursing the moment you thought youd be clever
* enough to "optimize" the code below.
* Now close this file and go play with something else.
*/
// I am not responsible of this code.
// They made me write it, against my will.
// 下面的代码，我不负责。因为是他们逼我写的，违背了我的意愿。
/* You are not expected to understand this */
/* 你绝不会明白的 */
/**
* 程序员1（于2010年6月7日）：在这个坑临时加入一些调料
* 程序员2（于2011年5月22日）：临你个屁啊
* 程序员3（于2012年7月23日）：楼上都是狗屎，鉴定完毕
* 程序员4（于2013年8月2日）：fuck 楼上，三年了，这坑还在！！！
* 程序员5（于2014年8月21日）：哈哈哈，这坑居然坑了这么多人，幸好我也不用填了，系统终止运行了，you're died
*/
很多网站也有类似的操作
打开百度网站的控制台就能看见招聘简历：
知乎也不例外：
类似的网站还有很多。
1.0.2 技术无私 随便拿
// _ooOoo_
// o8888888o
// 88" . "88
// (| -_- |)
// O\ = /O
// ____/`---'\____
// . ' \\| |// `.
// / \\||| : |||// \
// / _||||| -:- |||||- \
// | | \\\ - /// | |
// | \_| ''\---/'' | |
// \ .-\__ `-` ___/-. /
// ___`. .' /--.--\ `. . __
// ."" '< `.___\_<|>_/___.' >'"".
// | | : `- \`.;`\ _ /`;.`/ - ` : | |
// \ \ `-. \_ __\ /__ _/ .-` / /
// ======`-.____`-.___\_____/___.-`____.-'======
// `=---='
//
// .............................................
// 佛祖镇楼 BUG辟易
// 佛曰:
// 写字楼里写字间，写字间里程序员；
// 程序人员写程序，又拿程序换酒钱。
// 酒醒只在网上坐，酒醉还来网下眠；
// 酒醉酒醒日复日，网上网下年复年。
// 但愿老死电脑间，不愿鞠躬老板前；
// 奔驰宝马贵者趣，公交自行程序员。
// 别人笑我忒疯癫，我笑自己命太贱；
// 不见满街漂亮妹，哪个归得程序员？
/**
*
* █████▒█ ██ ▄████▄ ██ ▄█▀ ██████╗ ██╗ ██╗ ██████╗
* ▓██ ▒ ██ ▓██▒▒██▀ ▀█ ██▄█▒ ██╔══██╗██║ ██║██╔════╝
* ▒████ ░▓██ ▒██░▒▓█ ▄ ▓███▄░ ██████╔╝██║ ██║██║ ███╗
* ░▓█▒ ░▓▓█ ░██░▒▓▓▄ ▄██▒▓██ █▄ ██╔══██╗██║ ██║██║ ██║
* ░▒█░ ▒▒█████▓ ▒ ▓███▀ ░▒██▒ █▄ ██████╔╝╚██████╔╝╚██████╔╝
* ▒ ░ ░▒▓▒ ▒ ▒ ░ ░▒ ▒ ░▒ ▒▒ ▓▒ ╚═════╝ ╚═════╝ ╚═════╝
* ░ ░░▒░ ░ ░ ░ ▒ ░ ░▒ ▒░
* ░ ░ ░░░ ░ ░ ░ ░ ░░ ░
* ░ ░ ░ ░ ░
*/
/**
* 瓦瓦 十
* 十齱龠己 亅瓦車己
* 乙龍龠毋日丶 丶乙己毋毋丶
* 十龠馬鬼車瓦 己十瓦毋毋
* 鬼馬龠馬龠十 己己毋車毋瓦
* 毋龠龠龍龠鬼乙丶丶乙車乙毋鬼車己
* 乙龠龍龍鬼龍瓦 十瓦毋乙瓦龠瓦亅
* 馬齱龍馬鬼十丶日己己己毋車乙丶
* 己齱馬鬼車十十毋日乙己己乙乙
* 車馬齱齱日乙毋瓦己乙瓦日亅
* 亅車齺龖瓦乙車龖龍乙乙十
* 日龠龠十亅車龍毋十十
* 日毋己亅 己己十亅亅
* 丶己十十乙 丶丶丶丶丶
* 亅己十龍龖瓦 丶 丶 乙十
* 亅己十龠龖毋 丶丶 丶己鬼鬼瓦亅
* 十日十十日亅丶亅丶 丶十日毋鬼馬馬車乙
* 十日乙十亅亅亅丶 十乙己毋鬼鬼鬼龍齺馬乙
* 丶瓦己乙十十亅丶亅乙乙乙己毋鬼鬼鬼龍齱齺齺鬼十
* 乙乙十十十亅乙瓦瓦己日瓦毋鬼鬼龠齱齱龍龍齱齱毋丶
* 亅十十十十乙瓦車毋瓦瓦日車馬龠龍龍龍龍龍龠龠龠馬亅
* 十十十十己毋車瓦瓦瓦瓦鬼馬龠龍龠龠龍龠龠龠馬龠車
* 亅十十日毋瓦日日瓦鬼鬼鬼龠龠馬馬龠龍龍龠馬馬車
* 亅亅亅乙瓦瓦毋車車車馬龍龠鬼鬼馬龠龍龍龠馬馬鬼
* 丶丶乙亅亅乙車鬼鬼鬼毋車龍龍龠鬼馬馬龠龍齱齱龍馬鬼
* 亅己十十己十日鬼鬼車瓦毋龠龍龠馬馬龠龠龠齱齺齺齱龠鬼
* 亅乙乙乙十車馬車毋馬齱齱龍龠龠龠馬龠龍齱龍龠龠鬼瓦
* 丶毋龠鬼車瓦車馬龠龍龠龠龍齱齱龠馬馬鬼毋日
* 十乙己日十 丶己鬼龍齱齺齱龍馬馬馬車毋己
* 丶十己乙亅丶 亅瓦馬龠龍龠龠馬毋瓦乙
* 丶十十乙亅十 亅己瓦車馬龠鬼車瓦乙
* 丶十乙十十丶 丶丶亅十瓦鬼車瓦己
* 丶亅亅丶 亅日瓦日
* 丶
*/
/**
* .,, .,:;;iiiiiiiii;;:,,. .,,
* rGB##HS,.;iirrrrriiiiiiiiiirrrrri;,s&##MAS,
* r5s;:r3AH5iiiii;;;;;;;;;;;;;;;;iiirXHGSsiih1,
* .;i;;s91;;;;;;::::::::::::;;;;iS5;;;ii:
* :rsriii;;r::::::::::::::::::::::;;,;;iiirsi,
* .,iri;;::::;;;;;;::,,,,,,,,,,,,,..,,;;;;;;;;iiri,,.
* ,9BM&, .,:;;:,,,,,,,,,,,hXA8: ..,,,.
* ,;&@@#r:;;;;;::::,,. ,r,,,,,,,,,,iA@@@s,,:::;;;::,,. .;.
* :ih1iii;;;;;::::;;;;;;;:,,,,,,,,,,;i55r;;;;;;;;;iiirrrr,..
* .ir;;iiiiiiiiii;;;;::::::,,,,,,,:::::,,:;;;iiiiiiiiiiiiri
* iriiiiiiiiiiiiiiii;;;::::::::::::::::;;;iiiiiiiiiiiiiiiir;
* ,riii;;;;;;;;;;;;;:::::::::::::::::::::::;;;;;;;;;;;;;;iiir.
* iri;;;::::,,,,,,,,,,:::::::::::::::::::::::::,::,,::::;;iir:
* .rii;;::::,,,,,,,,,,,,:::::::::::::::::,,,,,,,,,,,,,::::;;iri
* ,rii;;;::,,,,,,,,,,,,,:::::::::::,:::::,,,,,,,,,,,,,:::;;;iir.
* ,rii;;i::,,,,,,,,,,,,,:::::::::::::::::,,,,,,,,,,,,,,::i;;iir.
* ,rii;;r::,,,,,,,,,,,,,:,:::::,:,:::::::,,,,,,,,,,,,,::;r;;iir.
* .rii;;rr,:,,,,,,,,,,,,,,:::::::::::::::,,,,,,,,,,,,,:,si;;iri
* ;rii;:1i,,,,,,,,,,,,,,,,,,:::::::::,,,,,,,,,,,,,,,:,ss:;iir:
* .rii;;;5r,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,sh:;;iri
* ;rii;:;51,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,.:hh:;;iir,
* irii;::hSr,.,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,.,sSs:;;iir:
* irii;;:iSSs:.,,,,,,,,,,,,,,,,,,,,,,,,,,,..:135;:;;iir:
* ;rii;;:,r535r:...,,,,,,,,,,,,,,,,,,..,;sS35i,;;iirr:
* :rrii;;:,;1S3Shs;:,............,:is533Ss:,;;;iiri,
* .;rrii;;;:,;rhS393S55hh11hh5S3393Shr:,:;;;iirr:
* .;rriii;;;::,:;is1h555555h1si;:,::;;;iirri:.
* .:irrrii;;;;;:::,,,,,,,,:::;;;;iiirrr;,
* .:irrrriiiiii;;;;;;;;iiiiiirrrr;,.
* .,:;iirrrrrrrrrrrrrrrrri;:.
* ..,:::;;;;:::,,.
*/
/**
* .,:,,, .::,,,::.
* .::::,,;;, .,;;:,,....:i:
* :i,.::::,;i:. ....,,:::::::::,.... .;i:,. ......;i.
* :;..:::;::::i;,,:::;:,,,,,,,,,,..,.,,:::iri:. .,:irsr:,.;i.
* ;;..,::::;;;;ri,,,. ..,,:;s1s1ssrr;,.;r,
* :;. ,::;ii;:, . ................... .;iirri;;;,,;i,
* ,i. .;ri:. ... ............................ .,,:;:,,,;i:
* :s,.;r:... ....................................... .::;::s;
* ,1r::. .............,,,.,,:,,........................,;iir;
* ,s;........... ..::.,;:,,. ...............,;1s
* :i,..,. .,:,,::,. .......... .......;1,
* ir,....:rrssr;:, ,,.,::. .r5S9989398G95hr;. ....,.:s,
* ;r,..,s9855513XHAG3i .,,,,,,,. ,S931,.,,.;s;s&BHHA8s.,..,..:r:
* :r;..rGGh, :SAG;;G@BS:.,,,,,,,,,.r83: hHH1sXMBHHHM3..,,,,.ir.
* ,si,.1GS, sBMAAX&MBMB5,,,,,,:,,.:&8 3@HXHBMBHBBH#X,.,,,,,,rr
* ;1:,,SH: .A@&&B#&8H#BS,,,,,,,,,.,5XS, 3@MHABM&59M#As..,,,,:,is,
* .rr,,,;9&1 hBHHBB&8AMGr,,,,,,,,,,,:h&&9s; r9&BMHBHMB9: . .,,,,;ri.
* :1:....:5&XSi;r8BMBHHA9r:,......,,,,:ii19GG88899XHHH&GSr. ...,:rs.
* ;s. .:sS8G8GG889hi. ....,,:;:,.:irssrriii:,. ...,,i1,
* ;1, ..,....,,isssi;, .,,. ....,.i1,
* ;h: i9HHBMBBHAX9: . ...,,,rs,
* ,1i.. :A#MBBBBMHB##s ....,,,;si.
* .r1,.. ,..;3BMBBBHBB#Bh. .. ....,,,,,i1;
* :h;.. .,..;,1XBMMMMBXs,.,, .. :: ,. ....,,,,,,ss.
* ih: .. .;;;, ;;:s58A3i,.. ,. ,.:,,. ...,,,,,:,s1,
* .s1,.... .,;sh, ,iSAXs;. ,. ,,.i85 ...,,,,,,:i1;
* .rh: ... rXG9XBBM#M#MHAX3hss13&&HHXr .....,,,,,,,ih;
* .s5: ..... i598X&&A&AAAAAA&XG851r: ........,,,,:,,sh;
* . ihr, ... . .. ........,,,,,;11:.
* ,s1i. ... ..,,,..,,,.,,.,,.,.. ........,,.,,.;s5i.
* .:s1r,...................... ..............;shs,
* . .:shr:. .... ..............,ishs.
* .,issr;,... ...........................,is1s;.
* .,is1si;:,....................,:;ir1sr;,
* ..:isssssrrii;::::::;;iirsssssr;:..
* .,::iiirsssssssssrri;;:.
*/
/**
* ┌───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐
* │Esc│ │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│ ┌┐ ┌┐ ┌┐
* └───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘ └┘ └┘ └┘
* ┌───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───────┐ ┌───┬───┬───┐ ┌───┬───┬───┬───┐
* │~ `│! 1│@ 2│# 3│$ 4│% 5│^ 6│& 7│* 8│( 9│) 0│_ -│+ =│ BacSp │ │Ins│Hom│PUp│ │N L│ / │ * │ - │
* ├───┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─────┤ ├───┼───┼───┤ ├───┼───┼───┼───┤
* │ Tab │ Q │ W │ E │ R │ T │ Y │ U │ I │ O │ P │{ [│} ]│ | \ │ │Del│End│PDn│ │ 7 │ 8 │ 9 │ │
* ├─────┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴─────┤ └───┴───┴───┘ ├───┼───┼───┤ + │
* │ Caps │ A │ S │ D │ F │ G │ H │ J │ K │ L │: ;│" '│ Enter │ │ 4 │ 5 │ 6 │ │
* ├──────┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴────────┤ ┌───┐ ├───┼───┼───┼───┤
* │ Shift │ Z │ X │ C │ V │ B │ N │ M │< ,│> .│? /│ Shift │ │ ↑ │ │ 1 │ 2 │ 3 │ │
* ├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤ ┌───┼───┼───┐ ├───┴───┼───┤ E││
* │ Ctrl│ │Alt │ Space │ Alt│ │ │Ctrl│ │ ← │ ↓ │ → │ │ 0 │ . │←─┘│
* └─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘
*/
/**
* .::::.
* .::::::::.
* ::::::::::: FUCK YOU
* ..:::::::::::'
* '::::::::::::'
* .::::::::::
* '::::::::::::::..
* ..::::::::::::.
* ``::::::::::::::::
* ::::``:::::::::' .:::.
* ::::' ':::::' .::::::::.
* .::::' :::: .:::::::'::::.
* .:::' ::::: .:::::::::' ':::::.
* .::' :::::.:::::::::' ':::::.
* .::' ::::::::::::::' ``::::.
* ...::: ::::::::::::' ``::.
* ````':. ':::::::::' ::::..
* '.:::::' ':'````..
*/
/**
* ┌─┐ ┌─┐
* ┌──┘ ┴───────┘ ┴──┐
* │ │
* │ ─── │
* │ ─┬┘ └┬─ │
* │ │
* │ ─┴─ │
* │ │
* └───┐ ┌───┘
* │ │
* │ │
* │ │
* │ └──────────────┐
* │ │
* │ ├─┐
* │ ┌─┘
* │ │
* └─┐ ┐ ┌───────┬──┐ ┌──┘
* │ ─┤ ─┤ │ ─┤ ─┤
* └──┴──┘ └──┴──┘
* 神兽保佑
* 代码无BUG!
*/
/**
* ___====-_ _-====___
* _--^^^#####// \\#####^^^--_
* _-^##########// ( ) \\##########^-_
* -############// |\^^/| \\############-
* _/############// (@::@) \\############\_
* /#############(( \\// ))#############\
* -###############\\ (oo) //###############-
* -#################\\ / VV \ //#################-
* -###################\\/ \//###################-
* _#/|##########/\######( /\ )######/\##########|\#_
* |/ |#/\#/\#/\/ \#/\##\ | | /##/\#/ \/\#/\#/\#| \|
* ` |/ V V ` V \#\| | | |/#/ V ' V V \| '
* ` ` ` ` / | | | | \ ' ' ' '
* ( | | | | )
* __\ | | | | /__
* (vvv(VVV)(VVV)vvv)
* 神兽保佑
* 代码无BUG!
*/
/**
*
*
* __----~~~~~~~~~~~------___
* . . ~~//====...... __--~ ~~
* -. \_|// |||\\ ~~~~~~::::... /~
* ___-==_ _-~o~ \/ ||| \\ _/~~-
* __---~~~.==~||\=_ -_--~/_-~|- |\\ \\ _/~
* _-~~ .=~ | \\-_ '-~7 /- / || \ /
* .~ .~ | \\ -_ / /- / || \ /
* / ____ / | \\ ~-_/ /|- _/ .|| \ /
* |~~ ~~|--~~~~--_ \ ~==-/ | \~--===~~ .\
* ' ~-| /| |-~\~~ __--~~
* |-~~-_/ | | ~\_ _-~ /\
* / \ \__ \/~ \__
* _--~ _/ | .-~~____--~-/ ~~==.
* ((->/~ '.|||' -_| ~~-/ , . _||
* -_ ~\ ~~---l__i__i__i--~~_/
* _-~-__ ~) \--______________--~~
* //.-~~~-~_--~- |-------~~~~~~~~
* //.-~~~--\
* 神兽保佑
* 代码无BUG!
*/
/**
**************************************************************
* *
* .=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-. *
* | ______ | *
* | .-" "-. | *
* | / \ | *
* | _ | | _ | *
* | ( \ |, .-. .-. ,| / ) | *
* | > "=._ | )(__/ \__)( | _.=" < | *
* | (_/"=._"=._ |/ /\ \| _.="_.="\_) | *
* | "=._"(_ ^^ _)"_.=" | *
* | "=\__|IIIIII|__/=" | *
* | _.="| \IIIIII/ |"=._ | *
* | _ _.="_.="\ /"=._"=._ _ | *
* | ( \_.="_.=" `--------` "=._"=._/ ) | *
* | > _.=" "=._ < | *
* | (_/ \_) | *
* | | *
* '-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=' *
* *
* LASCIATE OGNI SPERANZA, VOI CH'ENTRATE *
**************************************************************
*/
/**
* ,s555SB@@&
* :9H####@@@@@Xi
* 1@@@@@@@@@@@@@@8
* ,8@@@@@@@@@B@@@@@@8
* :B@@@@X3hi8Bs;B@@@@@Ah,
* ,8i r@@@B: 1S ,M@@@@@@#8;
* 1AB35.i: X@@8 . SGhr ,A@@@@@@@@S
* 1@h31MX8 18Hhh3i .i3r ,A@@@@@@@@@5
* ;@&i,58r5 rGSS: :B@@@@@@@@@@A
* 1#i . 9i hX. .: .5@@@@@@@@@@@1
* sG1, ,G53s. 9#Xi;hS5 3B@@@@@@@B1
* .h8h.,A@@@MXSs, #@H1: 3ssSSX@1
* s ,@@@@@@@@@@@@Xhi, r#@@X1s9M8 .GA981
* ,. rS8H#@@@@@@@@@@#HG51;. .h31i;9@r .8@@@@BS;i;
* .19AXXXAB@@@@@@@@@@@@@@#MHXG893hrX#XGGXM@@@@@@@@@@MS
* s@@MM@@@hsX#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&,
* :GB@#3G@@Brs ,1GM@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B,
* .hM@@@#@@#MX 51 r;iSGAM@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8
* :3B@@@@@@@@@@@&9@h :Gs .;sSXH@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:
* s&HA#@@@@@@@@@@@@@@M89A;.8S. ,r3@@@@@@@@@@@@@@@@@@@@@@@@@@@r
* ,13B@@@@@@@@@@@@@@@@@@@5 5B3 ;. ;@@@@@@@@@@@@@@@@@@@@@@@@@@@i
* 5#@@#&@@@@@@@@@@@@@@@@@@9 .39: ;@@@@@@@@@@@@@@@@@@@@@@@@@@@;
* 9@@@X:MM@@@@@@@@@@@@@@@#; ;31. H@@@@@@@@@@@@@@@@@@@@@@@@@@:
* SH#@B9.rM@@@@@@@@@@@@@B :. 3@@@@@@@@@@@@@@@@@@@@@@@@@@5
* ,:. 9@@@@@@@@@@@#HB5 .M@@@@@@@@@@@@@@@@@@@@@@@@@B
* ,ssirhSM@&1;i19911i,. s@@@@@@@@@@@@@@@@@@@@@@@@@@S
* ,,,rHAri1h1rh&@#353Sh: 8@@@@@@@@@@@@@@@@@@@@@@@@@#:
* .A3hH@#5S553&@@#h i:i9S #@@@@@@@@@@@@@@@@@@@@@@@@@A.
*
*
* 又看源码，看你妹妹呀！
*/
/** 无可奉告 一颗赛艇
* uJjYJYYLLv7r7vJJ5kqSFFFUUjJ7rrr7LLYLJLJ7
* JuJujuYLrvuEM@@@B@@@B@B@B@@@MG5Y7vLjYjJL
* JYjYJvr7XM@BB8GOOE8ZEEO8GqM8OBBBMu77LLJ7
* LJLY7ru@@@BOZ8O8NXFFuSkSu25X0OFZ8MZJ;vLv
* YvL7i5@BM8OGGqk22uvriiriii;r7LuSZXEMXrvr
* vv7iU@BMNkF1uY7v7rr;iiii:i:i:ii7JEPNBPir
* L7iL@BM8Xjuujvv77rr;ri;i;:iiiii:iLXFOBJ:
* 7ri@B@MOFuUS2Y7L7777rii;:::::i:iirjPG@O:
* 7:1B@BBOPjXXSJvrL7rr7iiii:i::::i;iv5MBB,
* r:0@BBM8SFPX2Y77rri::iirri:::::iii75O@G.
* 7:SB@BBGqXPk0122UJL::i::r:::i:i;i:v2@Bk.
* ri:[email protected]@r,
* ri,v@B@MB8@qqNEqN1u:5B8BOFE0S7ii7qMB@F::
* ii,J80Eq1MZkqPPX5YkPE@B@iXPE52j7:vBjE7::
* ii:[email protected]::ir:rO,vi::
* ii::EZXPSkquLvii:iF@N:.,BUi7ri,::UY;r:::
* i::.2ONXqkPXS5FUUEOPP;..iSPXkjLYLLrr:::,
* :::,iMXNP0NPLriiLGZ@BB1P87;JuL7r:7ri:::,
* :::,.UGqNX0EZF2uUjUuULr:::,:7uuvv77::::.
* ::::..5OXqXNJ50NSY;i:.,,,:i77Yvr;v;,,::.
* :::,:.jOEPqPJiqBMMMO8NqP0SYLJriirv:.:,:.
* ,:,,,.,Zq0P0X7vPFqF1ujLv7r:irrr7j7.,,::.
* ,,,....0qk0080v75ujLLv7ri:i:rvj2J...,,,.
* ......8@UXqZEMNvJjr;ii::,:::7uuv...,.,,.
* .....B@BOvX88GMGk52vririiirJS1i.......,.
* .JEMB@B@BMvL0MOMMMO8PE8GPqSk2L:.........
* @B@@@B@M@B@L:7PGBOO8MOMOEP0Xri@B@Mk7,...
* B@B@BBMBB@B@0::rJP8MO0uvvu7..,B@B@B@B@Z7
* MMBM@BBB@B@B@Br:i,..:Lur:....7@OMMBM@B@@
* 8OOMMMOMMMMBB@B:....,PZENNi..JBOZ8GMOOOO
*/
1.0.3 H5实现
如何用前端的技术实现
- 获取到图片的每一个像素点的RGB
- 每个像素根据RGB转换成黑白照片（灰度）
- 根据得出的灰度值转换为对应的符号
通过Input标签配合H5的FileReader能够拿到图片的流对象
const reader = new FileReader();
reader.readAsDataURL(files);
reader.onload = () => {
img.src = reader.result;
}
把图片放入canvas中得到每一个像素的值
let img = new Image();
const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');
context.drawImage(img, 0, 0);
const imgData = context.getImageData(0, 0, img.width, img.height);
灰度值
对于彩色转灰度，有一个很著名的心理学公式：
Gray = R*0.299 + G*0.587 + B*0.114
// 根据rgb值计算灰度
function getGray(r, g, b) {
return 0.299 * r + 0.578 * g + 0.114 * b;
}
如果一个2D的图像是有宽高写入的那生成的灰度文字也应该需要图片的宽高
//获取像素对象
const { data } = imgData;
// 图像数组
let imageData=[]
for (h = 0; h < height; h++) {
let widthData=[]
for (w = 0; w < width; w++) {
const r = data[w + 0];
const g = data[w + 1];
const b = data[w + 2];
const gray = getGray(r, g, b);
widthData.push(gray)
}
imageData.push(widthData)
}
最后就大功告成了！附上源码 打印出来的东西就是生成的数组 可以根据自己的需要换成不同的符号然后渲染上去
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<form>
<input type="file" id="file" accept="image/png,image/jpeg,image/gif" onchange="handleFiles(this.files)" />
</form>
<canvas id="canvas">ie!!!</canvas>
<div id="text"></div>
</body>
<script>
// const AR = {
// image: new Image(),
// canvas: document.getElementById('canvas'),
// context: AR.canvas.getContext('2d'),
// text: document.getElementById('text'),
// getGray: () => {
// return 0.299 * r + 0.578 * g + 0.114 * b;
// },
// handleFiles: ([file]) => {
// console.log(file)
// }
// }
const image = new Image();
const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');
const text = document.getElementById('text');
const handleFiles = ([file]) => {
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => {
image.src = reader.result;
image.onload = () => {
const {
width,
height
} = image;
text.style.width = width;
canvas.width = width;
canvas.height = height;
context.drawImage(image, 0, 0);
const {
data
} = context.getImageData(0, 0, width, height);
const imageData = []
for (let h = 0; h < height; h++) {
let widthData = []
for (let w = 0; w < width; w++) {
const r = data[w + 0];
const g = data[w + 1];
const b = data[w + 2];
const gray = getGray(r, g, b);
widthData.push(gray)
p += gray
}
imageData.push(widthData);
}
console.log(imageData)
}
}
}
const getGray = () => {
return 0.299 * r + 0.578 * g + 0.114 * b;
}
</script>
</html>
最后有安利一个生成的网址