Home Explore Help
Sign In
root
/
tv_xiaoyouxi
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: d1c3c48a01
Branches Tags
tv_xiaoyouxi
/
games
/
bsqpz
/
index.html

index.html 31 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606 
  1. 

  2. <!DOCTYPE html>
    3. 

  3. <html xmlns="http://www.w3.org/1999/html">
    4. 

  4. <head>
    5. 

  5. <meta charset="utf-8" />
    6. 

  6. <title>99%的人都被逼疯了，制作新消息头像，一起逼死强迫症！</title>
    7. 

  7. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    8. 

  8. <meta name="format-detection" content="telephone=no">
    9. 

  9. <link rel="stylesheet" href="figuremsg/base.css" />
    10. 

  10. </head>
    11. 

  11. <body>
    12. 

  12. <div class="wrapper">
    13. 

  13. 

  14. 	<div class="title"></div>
    15. 

  15. 

  16. 	<div class="upload"><input type="file" accept="image/*" capture="camera" id="file" /><i>添加图片</i></div>
    17. 

  17. 	
    18. 

  18. 	<div id="error"></div>
    19. 

  19. 

  20. 	<div class="selects">
    21. 

  21. 		<div class="clear">选择右上角要显示的消息数
    22. 

  22. 			<select class="vallist">
    23. 

  23. 			<option value="傻">傻</option>
    24. 

  24. 			<option value="王">王</option>
    25. 

  25. 			<option value="笨">笨</option>
    26. 

  26. 			<option value="呆">呆</option>
    27. 

  27. 			<option value="2B">2B</option>
    28. 

  28. 			<option value="SB">SB</option>
    29. 

  29. 			<option value="SB">NB</option>
    30. 

  30. 				<option value="1">1</option>
    31. 

  31. 				<option value="2B">2B</option>
    32. 

  32. 				<option value="3">3</option>
    33. 

  33. 				<option value="4">4</option>
    34. 

  34. 				<option value="5">5</option>
    35. 

  35. 				<option value="6">6</option>
    36. 

  36. 				<option value="7">7</option>
    37. 

  37. 				<option value="8">8</option>
    38. 

  38. 				<option value="9">9</option>
    39. 

  39. 				<option value="10">10</option>
    40. 

  40. 

  41. 				<option value="11">11</option>
    42. 

  42. 				<option value="12">12</option>
    43. 

  43. 				<option value="13">13</option>
    44. 

  44. 				<option value="14">14</option>
    45. 

  45. 				<option value="15">15</option>
    46. 

  46. 				<option value="16">16</option>
    47. 

  47. 				<option value="17">17</option>
    48. 

  48. 				<option value="18">18</option>
    49. 

  49. 				<option value="19">19</option>
    50. 

  50. 				<option value="20">20</option>
    51. 

  51. 

  52. 				<option value="21">21</option>
    53. 

  53. 				<option value="22">22</option>
    54. 

  54. 				<option value="23">23</option>
    55. 

  55. 				<option value="24">24</option>
    56. 

  56. 				<option value="25">25</option>
    57. 

  57. 				<option value="26">26</option>
    58. 

  58. 				<option value="27">27</option>
    59. 

  59. 				<option value="28">28</option>
    60. 

  60. 				<option value="29">29</option>
    61. 

  61. 				<option value="30">30</option>
    62. 

  62. 

  63. 				<option value="31">31</option>
    64. 

  64. 				<option value="32">32</option>
    65. 

  65. 				<option value="33">33</option>
    66. 

  66. 				<option value="34">34</option>
    67. 

  67. 				<option value="35">35</option>
    68. 

  68. 				<option value="36">36</option>
    69. 

  69. 				<option value="37">37</option>
    70. 

  70. 				<option value="38">38</option>
    71. 

  71. 				<option value="39">39</option>
    72. 

  72. 				<option value="40">40</option>
    73. 

  73. 

  74. 				<option value="41">41</option>
    75. 

  75. 				<option value="42">42</option>
    76. 

  76. 				<option value="43">43</option>
    77. 

  77. 				<option value="44">44</option>
    78. 

  78. 				<option value="45">45</option>
    79. 

  79. 				<option value="46">46</option>
    80. 

  80. 				<option value="47">47</option>
    81. 

  81. 				<option value="48">48</option>
    82. 

  82. 				<option value="49">49</option>
    83. 

  83. 				<option value="50">50</option>
    84. 

  84. 

  85. 				<option value="51">51</option>
    86. 

  86. 				<option value="52">52</option>
    87. 

  87. 				<option value="53">53</option>
    88. 

  88. 				<option value="54">54</option>
    89. 

  89. 				<option value="55">55</option>
    90. 

  90. 				<option value="56">56</option>
    91. 

  91. 				<option value="57">57</option>
    92. 

  92. 				<option value="58">58</option>
    93. 

  93. 				<option value="59">59</option>
    94. 

  94. 				<option value="60">60</option>
    95. 

  95. 

  96. 				<option value="61">61</option>
    97. 

  97. 				<option value="62">62</option>
    98. 

  98. 				<option value="63">63</option>
    99. 

  99. 				<option value="64">64</option>
    100. 

  100. 				<option value="65">65</option>
    101. 

  101. 				<option value="66">66</option>
    102. 

  102. 				<option value="67">67</option>
    103. 

  103. 				<option value="68">68</option>
    104. 

  104. 				<option value="69">69</option>
    105. 

  105. 				<option value="70">70</option>
    106. 

  106. 

  107. 				<option value="71">71</option>
    108. 

  108. 				<option value="72">72</option>
    109. 

  109. 				<option value="73">73</option>
    110. 

  110. 				<option value="74">74</option>
    111. 

  111. 				<option value="75">75</option>
    112. 

  112. 				<option value="76">76</option>
    113. 

  113. 				<option value="77">77</option>
    114. 

  114. 				<option value="78">78</option>
    115. 

  115. 				<option value="79">79</option>
    116. 

  116. 				<option value="80">80</option>
    117. 

  117. 

  118. 				<option value="81">81</option>
    119. 

  119. 				<option value="82">82</option>
    120. 

  120. 				<option value="83">83</option>
    121. 

  121. 				<option value="84">84</option>
    122. 

  122. 				<option value="85">85</option>
    123. 

  123. 				<option value="86">86</option>
    124. 

  124. 				<option value="87">87</option>
    125. 

  125. 				<option value="88">88</option>
    126. 

  126. 				<option value="89">89</option>
    127. 

  127. 				<option value="90">90</option>
    128. 

  128. 

  129. 				<option value="91">91</option>
    130. 

  130. 				<option value="92">92</option>
    131. 

  131. 				<option value="93">93</option>
    132. 

  132. 				<option value="94">94</option>
    133. 

  133. 				<option value="95">95</option>
    134. 

  134. 				<option value="96">96</option>
    135. 

  135. 				<option value="97">97</option>
    136. 

  136. 				<option value="98">98</option>
    137. 

  137. 				<option value="99">99</option>
    138. 

  138. 

  139. 				<option value="99+">99+</option>				
    140. 

  140. 			</select>	
    141. 

  141. 		</div>
    142. 

  142. 		<p>没有照片？试试下面头像</p>
    143. 

  143. 	</div>
    144. 

  144. 	<br>
    145. 

  145. 

  146. 	<div class="img-list clear">
    147. 

  147. 		<ul id="imgList"></ul>
    148. 

  148. 	</div>
    149. 

  149. 

  150. 	<a href="javascript:;" class="bingo">生成头像</a>
    151. 

  151. 	
    152. 

  152. </div><!-- wrapper end -->
    153. 

  153. 

  154.  
    155. 

  155. 

  156. <div class="share" style="display:none;">
    157. 

  157. 	<p><a href="javascript:;" class="reset-link"></a><a href="javascript:;" class="share-link"></a></p>
    158. 

  158. 	<img src="" class="new-pic" />
    159. 

  159. </div><!-- share end -->
    160. 

  160. 

  161. <div class="mask1" style="display:none;"></div>
    162. 

  162. <div class="mask2" style="display:none;"></div>
    163. 

  163. 

  164. <div class="toast_tip" style="display:none;">上传图片不能大于1MB</div>
    165. 

  165. 

  166. <script src="figuremsg/zepto.min.js"></script>
    167. 

  167. <script>
    168. 

  168. 

  169. 

  170. $(function(){
    171. 

  171. 	var WIN = window,
    172. 

  172. 	UA = WIN.navigator.userAgent,
    173. 

  173. 	IsAndroid = (/Android|HTC/i.test(UA) || !!(WIN.navigator['platform'] + '').match(/Linux/i)), /* HTC Flyer平板的UA字符串中不包含Android关键词 */
    174. 

  174. 	IsIPad = !IsAndroid && /iPad/i.test(UA),
    175. 

  175. 	IsIPhone = !IsAndroid && /iPod|iPhone/i.test(UA),
    176. 

  176. 	IsIOS =  IsIPad || IsIPhone;
    177. 

  177. 	
    178. 

  178. 	var upload = $('.upload'); //上传容器
    179. 

  179. 	var canvas = null; //canvas画布
    180. 

  180. 	var newPic = null; //图片对象
    181. 

  181. 	var flag = true; //确认是否选择图片
    182. 

  182. 	var num = 1; //选择数字
    183. 

  183. 	var mark = false; //
    184. 

  184. 	var uploadImg = ''; //缓存生成的图片
    185. 

  185. 	var mainImgUrl = '';
    186. 

  186. 	//var mainImgUrl = 'http://www.ijinshan.com/game/figuremsg/face.png';
    187. 

  187. 	if (IsIOS) {
    188. 

  188. 		mainImgUrl = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MjgxQTZCQzJEMDAxMUU0QjcwN0UzQTEwRkIxNDA4RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MjgxQTZCRDJEMDAxMUU0QjcwN0UzQTEwRkIxNDA4RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcyODFBNkJBMkQwMDExRTRCNzA3RTNBMTBGQjE0MDhEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcyODFBNkJCMkQwMDExRTRCNzA3RTNBMTBGQjE0MDhEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wF7OIwAAAwBQTFRFFVyx2vj/FGO7VZXl/gMLx9jxTZb02Oz80+7///r5CVeyrMThs8fdm2SF4+z98Pv+6/b/8/b90uX9/evnweH9pr7lz9XgiLLZh7ny2OLs//799P///QAB8f//HF2tGmGt9///ImCr//74/v7/FWGzIl6w+f3/HF6yU5jh+v////36//r/UJjsG2Gz+v/3HGGn///0eKXme6vcFV6sTpXvSJrkTZbj/f/6//v9+/7/X5Hm/f/3TZjr6/7/kMDx/Pz/RZfpHGG5l7TZX4jC5vH/mr74+v/84O33HFykFGStV4rBHWWz//z3I2S1kLPbvdTw9fv/KmGt9gEBW4a1I1ynnLTUKFuZI2Ci/QYC/v7vk7XTF1mrKmCjHV27+vj+I2ataIy15P3///vw/vn1F2W0/fz8GmaruNbt9f/4H1it+vn5E125WIjL/P32MWGZHGe6FWGlHFmZ+vv/Llum9//7/Pz6+f/yFFqiImGb//X+9gIIIViimrnfaJHD+f/4wtDoOWWgXJDGS2+fL2elDmGswtbnJmWj+/36DVqqGGTD4/T/+Pz6vdvt+fv1DGK7K2mvl6/T/vnoj7nc9fr4YYfN+3p76/P4lbjlS4C98P/59gkB//TwO26mGmaiQHS2qrjPk7HjnLrVt9Tyyub9udX7iqzXdZ/Uo8ry+gMXnLPJsdL8NmizXJfh6wMDtsznsdXoMW2q+ScwpdP9tdnyd5vBYpjUkLjRr831+WFqT5TbiLjlVpXb8/Tz8/7yxs7WnKzN/qCe8Bovvdn+KXC7aqPZg6/gW5rr9ERP+fnw/rm4zN30TJDiTIzS/RIcNlqGElGhTaHxRpPk9hAK++/87P33iKTIaZ/mzvf/s9v9jbLMH1KygZSw5C8xEGmp6xcb4vL16ggTzODt/+3S6+/36ebrw8/75RII/f//UJ364ef0+sa9nqq00Rw/3RkVsc36nMfzVozlQJvl0uXz+/3///z47PD+/dbR5vD4uD1rr1R15fHt/P/////6//3/////////3DdAHgAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAACQfSURBVHja7JwHeBpXuvfHWIqD7WskJ7G9M5oCw0AAIyYmMezFBCN9S5AACQQCIwTqsorVu1WsZlWrWO5x7y1xb3Fc0nvvdbO7d3u5W277vm9KvoMseWPZ2ngfKbn7Pc/9nxlZAzL8nve85z3ve6ZAX/9DCvofrP/PsITCfzQs4aun34xYvXr1e6cvvfrv/yhY91169icrVqRExMTErPjlkdOvCv8RsP590xerU2JSABfYYwBcysuv/vdjCS8dWQ2sFHNjBz8B2rOv/ndj3XcamGpF2FpPRqz+ccooWkrKe6cnwfq3yuj/+hegx74rzZs3a9Z//NfPT/8kYkXMioiII0eeffmZ354Gv8dEgO58c9MdsGY98NDSpUsfXPbgsqUzvyM99fQ/v/Onpz//36uffByQHDm96Zn7crav/+KXYWsBrid/+epErFkvPr344YeXLVu2fHl4/4708OvL71n6T78HvZeyYvUXP8tpoAeQ7GcjRt0LGDDltPBWrH994vXly9996ukHH5wZ/vEd6YkHl77+Utvvn1zxZLjXvvjZM5subdpuPx0TMQoWAdxt0zexfhX59MO/Xvzg+SUvLno0rB99R2p69HDTnH86smLF408+DsDejFnxh01F608/fnNExrwp/AbWH19a+u4b5w/3MSRpMplIEvmOxGzbJqNfBr0Vk/I4MNGTMTGPb6rNOf1kTErMqL1iIlJe/QbWzNffeXDJx5YGu5IFUn5nUjkbWn52ZHXKH2IigLVS3gP7JVbybJgpImywFSk/fvkm1q8eumdx4kgfx1fzkwjWcyoTbHiF5DiOJDkTN6YQOCLB+/2MjgFG5r5NjBAVPhPxeMxNrY7ZxCtP//UYoN7Eivrontdf+ETB5RGTYVksDMNUb6jWAbG3qqREIpHAMA/4uCL2W8TA1TnPrF5xC5aeffbmYXgaEo5j/evT97xx2EgKJ8dqUKnAplLpGAuQjhn/mhqlsgb0u8SUlxfufsm3Yln02zetjrnVWpLT38CKOXLf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';
    189. 

  189. 	} else {
    190. 

  190. 		mainImgUrl = 'http://mmbiz.qpic.cn/mmbiz/2zpp2iaH4HWFokcxP1RNheFgMB3UtGvYjPR3AfmKHnzgYDAYCJT5cpynUg55bTiaia2TkibXHORlemg82xJo3z3icoQ/640';
    191. 

  191. 	}
    192. 

  192. 	var timer = null; //选择图片延迟
    193. 

  193. 	var androidPic = '';
    194. 

  194. 	
    195. 

  195. 	var tempArr = []; //临时图片数组
    196. 

  196. 	var tempHtmlArr = []; //临时HTML片段数组
    197. 

  197. 	var tempLock = false; //循环锁
    198. 

  198. 	var isOver = false; //判断循环是否结束
    199. 

  199. 	
    200. 

  200. 	while(!isOver){
    201. 

  201. 		var ram = Math.round(Math.random()*18);
    202. 

  202. 		for(var i=0; i<4; i++){
    203. 

  203. 			if(ram===tempArr[i]){
    204. 

  204. 				tempLock = true;
    205. 

  205. 			}
    206. 

  206. 		}
    207. 

  207. 		if(!tempLock){
    208. 

  208. 			tempArr.push(ram);
    209. 

  209. 			tempHtmlArr.push('<li><img src="item'+ram+'.jpg" /></li>');
    210. 

  210. 		}
    211. 

  211. 		if(tempArr.length===4){
    212. 

  212. 			isOver = true;
    213. 

  213. 		}
    214. 

  214. 		tempLock = false;
    215. 

  215. 	}
    216. 

  216. 	
    217. 

  217. 	$("#imgList").append(tempHtmlArr.join(''));
    218. 

  218. 	
    219. 

  219. 	//选择推荐图片
    220. 

  220. 	$(".img-list li").on('click', function(){
    221. 

  221. 		timer && clearTimeout(timer);
    222. 

  222. 		mark = false;
    223. 

  223. 		num = $('.vallist option:selected').val();
    224. 

  224. 		$(this).addClass('cur').siblings().removeClass('cur');
    225. 

  225. 		timer = setTimeout(function(){
    226. 

  226. 			drawImage($(this).find('img').attr('src'));
    227. 

  227. 		}.bind(this),300);
    228. 

  228. 		//_hmt.push(['_trackEvent', 'add', 'click', 'recommend pic', 0]); //埋点
    229. 

  229. 	});
    230. 

  230. 	//选择数字
    231. 

  231. 	$(".vallist").on('change', function(){
    232. 

  232. 		num = $(this).val();
    233. 

  233. 		if(!mark){
    234. 

  234. 			drawImage($(".img-list li.cur").find('img').attr('src'));		
    235. 

  235. 		}else{
    236. 

  236. 			drawImage(uploadImg);
    237. 

  237. 		}
    238. 

  238. 		//_hmt.push(['_trackEvent', 'add', 'click', 'select number', 0]); //埋点
    239. 

  239. 	});
    240. 

  240. 	//确定保存
    241. 

  241. 	$(".bingo").on('click', function(){
    242. 

  242. 		if(flag){
    243. 

  243. 			alert('请选择添加图片');
    244. 

  244. 			return false;
    245. 

  245. 		}
    246. 

  246. 		$(".mask1").css('display','block');
    247. 

  247. 		$(".share").css('display','block');
    248. 

  248. 		
    249. 

  249. 		newPic = new Image();
    250. 

  250. 

  251. 		if(!IsAndroid){
    252. 

  252. 			newPic.src = canvas.toDataURL("image/png");
    253. 

  253. 			newPic.className = "new-pic";
    254. 

  254. 			$(".share").append(newPic);		
    255. 

  255. 			mainImgUrl = newPic.src;
    256. 

  256. 		}else{
    257. 

  257. 			var url = 'http://game.ikongzhong.cn/index.html';
    258. 

  258. 			$.ajax({
    259. 

  259. 				type: 'post',
    260. 

  260. 				url: url,
    261. 

  261. 				data: {
    262. 

  262. 					'userfile': canvas.toDataURL("image/png")
    263. 

  263. 				},
    264. 

  264. 				success:function(result){
    265. 

  265. 					var result = result;
    266. 

  266. 					if (typeof result == 'string') {
    267. 

  267. 						result = eval('('+ result +')');
    268. 

  268. 					}
    269. 

  269. 					mainImgUrl = result.data;
    270. 

  270. 					$(".share").find('img').attr('src',mainImgUrl);
    271. 

  271. 				},
    272. 

  272. 				error:function(){
    273. 

  273. 				}
    274. 

  274. 			});	
    275. 

  275. 		}
    276. 

  276. 		//_hmt.push(['_trackEvent', 'submit', 'click', 'confirm submit', 0]); //埋点
    277. 

  277. 	});
    278. 

  278. 	//重做按钮
    279. 

  279. 	$(".reset-link").on('click', function(){
    280. 

  280. 		flag = true;
    281. 

  281. 		upload.find('canvas').remove();
    282. 

  282. 		
    283. 

  283. 		$(".share").css('display','none');
    284. 

  284. 		$(".mask1").css('display','none');
    285. 

  285. 		//_hmt.push(['_trackEvent', 'reset', 'click', 'reset pic', 0]); //埋点
    286. 

  286. 	});
    287. 

  287. 	//分享按钮
    288. 

  288. 	$(".share-link").on('click', function(){
    289. 

  289. 		$(".mask2").css('display','block');
    290. 

  290. 		//_hmt.push(['_trackEvent', 'share', 'click', 'share pic', 0]); //埋点
    291. 

  291. 	});
    292. 

  292. 	//mask隐藏
    293. 

  293. 	$(".mask2").on('click', function(){
    294. 

  294. 		$(".mask2").css('display','none');
    295. 

  295. 	});
    296. 

  296. 	//生成canvas
    297. 

  297. 	function drawImage(src){
    298. 

  298. 		//标记
    299. 

  299. 		flag = false;
    300. 

  300. 	
    301. 

  301. 		canvas = document.createElement('canvas');
    302. 

  302. 		canvas.width = 100;  
    303. 

  303. 		canvas.height = 100; 
    304. 

  304. 		
    305. 

  305. 		var canvasCtx = canvas.getContext('2d');
    306. 

  306. 		var image = new Image();
    307. 

  307. 		var _x = 62;
    308. 

  308. 		var _fn = 28;
    309. 

  309. 		var _y = 30;
    310. 

  310. 		
    311. 

  311. 		if(num == '99+'){
    312. 

  312. 			_x = 62;
    313. 

  313. 			_fn = 20;
    314. 

  314. 			_y = 28;
    315. 

  315. 		}else if(num == '2B'){
    316. 

  316. 			_x = 64;
    317. 

  317. 			_fn = 26;
    318. 

  318. 		}else if(parseInt(num) < 10){
    319. 

  319. 			_x = 70;
    320. 

  320. 			_fn = 30;
    321. 

  321. 		}else if(parseInt(num) >= 10){
    322. 

  322. 			_x = 63;
    323. 

  323. 			_fn = 28;
    324. 

  324. 		}
    325. 

  325. 		
    326. 

  326. 		image.onload = function () {
    327. 

  327. 			if(this.width > this.height && this.width > 1280){
    328. 

  328. 				if (IsAndroid) {
    329. 

  329. 					canvasCtx.drawImage(this, 0, 0, this.width, this.height, 0, 0, 100, 100);
    330. 

  330. 				} else {
    331. 

  331. 					canvasCtx.drawImage(this, 0, 0, this.width, 1000, 0, 0, 100, 100);
    332. 

  332. 				}
    333. 

  333. 				
    334. 

  334. 			}else{
    335. 

  335. 				canvasCtx.drawImage(this, 0, 0, this.width, this.height, 0, 0, 100, 100);
    336. 

  336. 			}
    337. 

  337. 	
    338. 

  338. 			canvasCtx.beginPath();
    339. 

  339. 			canvasCtx.arc(80,22,20,0,2*Math.PI);
    340. 

  340. 			canvasCtx.fillStyle="#f00";
    341. 

  341. 			canvasCtx.fill();
    342. 

  342. 			canvasCtx.font=_fn+"px arial";
    343. 

  343. 			canvasCtx.fillStyle="#fff";
    344. 

  344. 			canvasCtx.fillText(num,_x,_y);
    345. 

  345. 		}
    346. 

  346. 		
    347. 

  347. 		image.src = src;
    348. 

  348. 		//canvas.toDataURL("image/png");
    349. 

  349. 		if($('.upload').find('canvas').length > 0){
    350. 

  350. 			$('.upload').find('canvas').remove();
    351. 

  351. 		}
    352. 

  352. 		$('.upload')[0].appendChild(canvas);
    353. 

  353. 	}
    354. 

  354. 	//读取file图像
    355. 

  355.     function readAsDataURL(){
    356. 

  356.         //检验是否为图像文件  
    357. 

  357.         var file = document.getElementById("file").files[0];
    358. 

  358.         var reader = new FileReader();  
    359. 

  359. 		
    360. 

  360.         //将文件以Data URL形式读入页面  
    361. 

  361.         reader.readAsDataURL(file);
    362. 

  362.         reader.onload=function(e){
    363. 

  363. 			if($("#fileNewPic").find('img').length > 0){
    364. 

  364. 				$("#fileNewPic").find('img').remove();
    365. 

  365. 			}
    366. 

  366. 			if(IsAndroid){
    367. 

  367. 				drawImage("data:application/octet-stream;"+e.target.result.substr(e.target.result.indexOf("base64,")));
    368. 

  368. 				uploadImg = "data:application/octet-stream;"+e.target.result.substr(e.target.result.indexOf("base64,"));
    369. 

  369. 			}else{
    370. 

  370. 				drawImage(this.result);
    371. 

  371. 				uploadImg = this.result;			
    372. 

  372. 			}
    373. 

  373.         }
    374. 

  374. 		reader.onerror = function(e) {
    375. 

  375. 			alert('图片读取失败，请换一张再试！');
    376. 

  376. 			return false;
    377. 

  377. 		}
    378. 

  378.     }
    379. 

  379. 	//上传图片
    380. 

  380. 	$("#file").on('change', function(){
    381. 

  381. 		mark = true;
    382. 

  382. 		readAsDataURL();
    383. 

  383. 		//_hmt.push(['_trackEvent', 'add', 'click', 'add location pic', 0]); //埋点
    384. 

  384. 	});
    385. 

  385. 	function onBridgeReady() {
    386. 

  386. 		try{
    387. 

  387. 			var mainTitle="99%的人都被逼疯了，制作新消息头像，一起逼死强迫症！",
    388. 

  388. 				mainDesc="99%的人都被逼疯了",
    389. 

  389. 				mainURL= "http://game.ikongzhong.cn/games/bsqpz/";
    390. 

  390. 			
    391. 

  391. 			//转发朋友圈
    392. 

  392. 			WeixinJSBridge.on("menu:share:timeline", function(e) {
    393. 

  393. 				WeixinJSBridge.invoke("shareTimeline", {
    394. 

  394. 					img_url:mainImgUrl,
    395. 

  395. 					img_width: "120",
    396. 

  396. 					img_height: "120",
    397. 

  397. 					link: mainURL,
    398. 

  398. 					desc: mainDesc,
    399. 

  399. 					title: mainTitle				
    400. 

  400. 				}, function(res) {
    401. 

  401. 					dialog();
    402. 

  402. 					$(".mask2").css('display','none');
    403. 

  403. 				});
    404. 

  404. 			});
    405. 

  405. 			//同步到微博
    406. 

  406. 			WeixinJSBridge.on("menu:share:weibo", function() {
    407. 

  407. 				WeixinJSBridge.invoke("shareWeibo", {
    408. 

  408. 					"content": mainDesc,
    409. 

  409. 					"url": mainURL
    410. 

  410. 				}, function(res) {
    411. 

  411. 					dialog();
    412. 

  412. 					$(".mask2").css('display','none');
    413. 

  413. 				});
    414. 

  414. 			});
    415. 

  415. 			//分享给朋友
    416. 

  416. 			WeixinJSBridge.on('menu:share:appmessage', function(argv) {
    417. 

  417. 				WeixinJSBridge.invoke("sendAppMessage", {
    418. 

  418. 					img_url: mainImgUrl,
    419. 

  419. 					img_width: "120",
    420. 

  420. 					img_height: "120",
    421. 

  421. 					link: mainURL,
    422. 

  422. 					desc: mainDesc,
    423. 

  423. 					title: mainTitle
    424. 

  424. 				}, function(res) {
    425. 

  425. 					setTimeout(function(){
    426. 

  426. 						dialog();
    427. 

  427. 						$(".mask2").css('display','none');
    428. 

  428. 					},1);
    429. 

  429. 				});
    430. 

  430. 			});
    431. 

  431. 		}catch(e){
    432. 

  432. 			alert(e);
    433. 

  433. 		}
    434. 

  434. 	};
    435. 

  435. 	//执行
    436. 

  436. 	document.addEventListener('WeixinJSBridgeReady', function() {
    437. 

  437. 		onBridgeReady();
    438. 

  438. 	},false);
    439. 

  439. 	//分享弹出框
    440. 

  440. 	function dialog(){
    441. 

  441. 		if(URL.getQueryString('f') == 'fans'){
    442. 

  442. 			return false;
    443. 

  443. 		}
    444. 

  444. 		var t = confirm('组团逼死强迫症，快来关注我!空中传媒:mkongzhong');
    445. 

  445. 		if(t){
    446. 

  446. 			window.location.href = 'http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd';
    447. 

  447. 		}
    448. 

  448. 	}
    449. 

  449. 	
    450. 

  450. });
    451. 

  451. 

  452. var URL = {
    453. 

  453. 	/**
    454. 

  454. 	 * 根据传入的query字符串返回键值对形式的对象
    455. 

  455. 	 * @param {String} queryString query字符串
    456. 

  456. 	 * @return {KeyValueObject}
    457. 

  457. 	 */
    458. 

  458. 	getQueryData: function(queryString) {
    459. 

  459. 		
    460. 

  460. 		/* 去掉字符串前面的"?"，并把&amp;转换为& */
    461. 

  461. 		queryString = queryString.replace(/^\?+/, '').replace(/&amp;/, '&');
    462. 

  462. 		var querys = queryString.split('&'),
    463. 

  463. 			i = querys.length,
    464. 

  464. 			_URLParms = {};
    465. 

  465. 		
    466. 

  466. 		while (i--) {
    467. 

  467. 			item = querys[i].split('=');
    468. 

  468. 			if (item[0]) {
    469. 

  469. 				var value = item[1] || '';
    470. 

  470. 				try {
    471. 

  471. 					value = decodeURIComponent(value);
    472. 

  472. 				} catch(e) {
    473. 

  473. 					value = unescape(value);
    474. 

  474. 				}
    475. 

  475. 				_URLParms[decodeURIComponent(item[0])] =  value;
    476. 

  476. 			}
    477. 

  477. 		}
    478. 

  478. 		return _URLParms;
    479. 

  479. 	},
    480. 

  480. 

  481. 	/**
    482. 

  482. 	 * 获取当前页面或者指定DOM对象的URL中的指定的GET参数的值
    483. 

  483. 	 * @param {String} key 要获取的GET参数的键
    484. 

  484. 	 * @param {DOM} el 如此传递此参数，则获取这个DOM对象的url，如果不传则获取当前页面的url
    485. 

  485. 	 * @return {String|null}
    486. 

  486. 	 */
    487. 

  487. 	getQueryString: function(key, el) {
    488. 

  488. 		var parms,
    489. 

  489. 			queryString = el ? URL.getElSearchString(el) : window.location.search.substring(1);
    490. 

  490. 

  491. 		parms = URL.getQueryData(queryString);
    492. 

  492. 		return (key in parms) ? parms[key] : null;
    493. 

  493. 	},
    494. 

  494. 

  495. 	/**
    496. 

  496. 	 * 获取指定DOM对象的链接地址的queryString
    497. 

  497. 	 * @param {DOM} el 要获取参数的DOM对象
    498. 

  498. 	 * @return {String}
    499. 

  499. 	 */
    500. 

  500. 	getElSearchString: function(el) {
    501. 

  501. 		/* 在某些Android下获取不到el.search的值，要使用自定义方法从url中截取 */
    502. 

  502. 		var el = $(el).get(0),
    503. 

  503. 			searchString = el.search || '';
    504. 

  504. 		if (!searchString) {
    505. 

  505. 			var hrefString = ('FORM' == el.nodeName ? el.getAttribute('action') : el.getAttribute('href')),
    506. 

  506. 				pos = hrefString.indexOf('?');	
    507. 

  507. 			if (-1 !== pos) {
    508. 

  508. 				searchString = hrefString.slice(pos);
    509. 

  509. 			}
    510. 

  510. 		}
    511. 

  511. 		return searchString;
    512. 

  512. 	},
    513. 

  513. 

  514. 	/**
    515. 

  515. 	 * 设置指定DOM对象或者页面的URL中的指定的GET参数的值
    516. 

  516. 	 * @param {DOM} el 设置这个DOM对象的url
    517. 

  517. 	 * @param {Object} data 要设置的GET参数，以键值对的方式提供
    518. 

  518. 	 */
    519. 

  519. 	setQueryString: function(el, data) {
    520. 

  520. 		var el = $(el),
    521. 

  521. 			elTag = el.get(0),
    522. 

  522. 			elSearch = elTag.search,
    523. 

  523. 			_searchString = elSearch || '',
    524. 

  524. 			_key,
    525. 

  525. 			_value;
    526. 

  526. 		/* 非<A>对象没有search属性 */
    527. 

  527. 		if (!elSearch) {
    528. 

  528. 			var hrefString,
    529. 

  529. 				nodeName = elTag.nodeName;
    530. 

  530. 			if ('FORM' == nodeName) {
    531. 

  531. 				if ('post' == elTag['method'].toLowerCase()) {
    532. 

  532. 					hrefString = el.attr('action') || (location + ''); /* 如果action为空则取当前页面的url */
    533. 

  533. 				} else {
    534. 

  534. 					/* 如果使用GET方式提交的表单，要把GET参数以HIDDEN表单字段的方式附加到表单中去 */
    535. 

  535. 					for (_key in data) {
    536. 

  536. 						_value = data[_key];
    537. 

  537. 						var inputEl = $('input[name="' + _key + '"]', el);
    538. 

  538. 						if  (inputEl) {
    539. 

  539. 							inputEl.val(_value);
    540. 

  540. 						} else {
    541. 

  541. 							el.append($('<input type="hidden" name="' +  _key + '" value="' +  _value + '" />'));
    542. 

  542. 						}
    543. 

  543. 					}
    544. 

  544. 					return;
    545. 

  545. 				}
    546. 

  546. 			} else {
    547. 

  547. 				hrefString = el.attr('href') || (location + ''); /* 如果href为空则取当前页面的url */
    548. 

  548. 			}
    549. 

  549. 			var startPos = hrefString.indexOf('?'),
    550. 

  550. 			endPos = hrefString.indexOf('#');
    551. 

  551. 			if (-1 == endPos) endPos = hrefString.length;
    552. 

  552. 			if (startPos < 0 || startPos > endPos) {
    553. 

  553. 				_searchString = '';
    554. 

  554. 				startPos = endPos; /* 用于下面设置searchString */
    555. 

  555. 			} else {
    556. 

  556. 				_searchString = hrefString.slice(startPos + 1, endPos);
    557. 

  557. 			}
    558. 

  558. 		}
    559. 

  559. 		
    560. 

  560. 		var URLParms = URL.getQueryData(_searchString), /* 获取对象原有的GET参数 */
    561. 

  561. 			_result = [];
    562. 

  562. 

  563. 		/* 把新参数和对象原有的GET参数合并 */
    564. 

  564. 		for (_key in data) {
    565. 

  565. 			URLParms[_key] = data[_key];
    566. 

  566. 		}
    567. 

  567. 		
    568. 

  568. 		for (_key in URLParms) {
    569. 

  569. 			_value = URLParms[_key];
    570. 

  570. 			_result.push(_key + (_value ? ('=' + encodeURIComponent(_value)) : ''));
    571. 

  571. 		}
    572. 

  572. 		if (_result.length < 1) return;
    573. 

  573. 		
    574. 

  574. 		var newSearchString = '?' + _result.join('&');
    575. 

  575. 	
    576. 

  576. 		if (elSearch) {
    577. 

  577. 			elTag.search = newSearchString;
    578. 

  578. 		} else {
    579. 

  579. 			var attri = ('FORM' == nodeName) ? 'action' : 'href';
    580. 

  580. 			el.attr(attri, hrefString.slice(0, startPos) + newSearchString + hrefString.slice(endPos));
    581. 

  581. 		}
    582. 

  582. 	},
    583. 

  583. 

  584. 	/**
    585. 

  585. 	 * 参数对象转为查询字符串片段
    586. 

  586. 	 */
    587. 

  587. 	objToQueryString: function(obj) {
    588. 

  588. 		var result = [], key, value, i;
    589. 

  589. 		for (key in obj) {
    590. 

  590. 			value = obj[key];
    591. 

  591. 			if (value instanceof Array) {
    592. 

  592. 				for (i = value.length; i--;) {
    593. 

  593. 					result.push(key + '[]=' + encodeURIComponent(value[i]));
    594. 

  594. 				}
    595. 

  595. 			} else {
    596. 

  596. 				result.push(key + ('' === value ? '' : ('=' + encodeURIComponent(value))));
    597. 

  597. 			}
    598. 

  598. 		}
    599. 

  599. 		return result.join('&');
    600. 

  600. 	}
    601. 

  601. };
    602. 

  602. </script>
    603. 

  603. </body>
    604. 

  604. </html>
    605. 

  605. 

  606.