testShare.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf8">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <title>测测你国庆该去哪里玩</title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta content="yes" name="apple-touch-fullscreen">
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  12. <meta http-equiv="Expires" content="0">
  13. <meta http-equiv="Pragma" content="no-cache">
  14. <meta http-equiv="Cache-control" content="no-cache">
  15. <meta http-equiv="Cache" content="no-cache">
  16. <link rel="stylesheet" href="css/bske.css">
  17. <script type="text/javascript" src='js/jquery.js'></script>
  18. <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
  19. <script type="text/javascript" src='js/test.js'></script>
  20. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  21. <script src="http://sdk.talkingdata.com/app/h5/v1?appid=55696ECC49B147B3875E753098E88B24&vn=name&vc=1.0.1"></script>
  22. </head>
  23. <body>
  24. <div class="content" id="content">
  25. <div class="share" id="canvas">
  26. <div class="shareBox">
  27. <div class="shareTop">我的假期最适合的旅游地是</div>
  28. <div class="shareInfor">
  29. <div class="infor inforBg"></div>
  30. <div class="infor inforBox">
  31. <div class="inforAdress" id="resultDestination"></div>
  32. <div class="inforLabel">
  33. <div class="colLabel">
  34. <div class="titLabel">性格</div>
  35. <div class="Label" id="Label"></div>
  36. </div>
  37. <div class="colLabel">
  38. <div class="titLabel">气质</div>
  39. <div class="Label" id="resultIdentity"></div>
  40. </div>
  41. </div>
  42. <div class="explain">
  43. <p>这次旅行费用需要我<span id="resultDescribe"></span>方可成行。</p>
  44. </div>
  45. </div>
  46. </div>
  47. <img class="shareImg" src="./img/1.png" />
  48. <p class="shareText" id="resultDestinationInfo"></p>
  49. <div class="shareBottom">
  50. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAEECAIAAABBat1dAAAa3klEQVR4nO3d25Mcx5Ue8O87mVXdPd1zwY0ACV51M2+2tI61FNbG7vM6vBth/522n72xEdauvZKtdawsLVcSKVGiCAkkQWBmAMylL1WV5/ihsodDYgBNd083G+D5BQhwZrqrL1NfZ1XmySyaGZxzgHzZT8C5deFhcC7zMDiXeRicyzwMzmUeBueyeOZ3Sa74eZzfmX3BMz3hC+lNPvMRl9dP/Wz/Rlbscb8mbxmcyzwMzmUeBucyD4NzmYfBuczD4Fx2dtfqmVZf37p499xMz3nxh1txf+vTaMXvxky/U28ZnMs8DM5lHgbnMg+Dc5mHwbnMw+Bc5mFwLpthnOFxVjwaMNMWlvfczj+k8LjnsOIe93Ue7liHXQjeMjh3wsPgXOZhcC7zMDiXeRicyzwMzmUX0LW6Di6k+/LMjczU67e8Eu4l1aLP9L6tSR/x8njL4FzmYXAu8zA4l3kYnMs8DM5lHgbnMg+Dc9kzMs7wOMtbnXvxEu6ZnsPiIxgzbeGrueaNtwzOZR4G5zIPg3OZh8G5zMPgXOZhcC67gK7VZ7vHbfES7gt5uCV12q5JCfea7ELeMjiXeRicyzwMzmUeBucyD4NzmYfBuczD4Fw2wzjD4p3oq7d49/ziW76QMunFb7wm1vm5ecvgXOZhcC7zMDiXeRicyzwMzmUeBucyrkn17DpYUvflhSygvbw+4sU9M7uQtwzOZR4G5zIPg3OZh8G5zMPgXOZhcC5b1sLDy7vi4OIdeWuyAsX5tzCrJVXUXojFt7y8N9lbBucyD4NzmYfBuczD4FzmYXAu8zA4l3kYnMvOLuFe3vXtVnzlvNX38Z/fitfQXrEVPzcfZ3DuInkYnMs8DM5lHgbnMg+Dc5mHwbns7BLu5ZVJL2kja9Ltu6T65AvZ8vKsQ6X9hfCWwbnMw+Bc5mFwLvMwOJd5GJzLPAzOZR4G57JlLRUzk8XXbrmQCt7Ft7z4w826kfNbXvH8U1de/jjeMjiXeRicyzwMzmUeBueytTiBfhotfiK4zqeSX00ehhn47vtsu4ALHK7D8s4rWF/jKU3Ck5//8rqkZ93IOvCW4Y9b59/fH9U++XWeDrE+/ATauczD8Ec81c3CiWfjVSybh8G5zMPgXOZhmNne3p6qqqqZtX8/7iDkC983M+D0ny/eHLB8GzPY9Dsnfyx/98wtnzyZw8PDDz/88GJe6leM9ybNbGdnhyT5Wa/0F/pq7ORf5r2bAMj8JY0GAISc7NFqIIzUaWQCAYMabZoMkkLjySOa2cnfp5/DYDCo63qp78Cz6gJW4V7eCitf7lUrn/B5fzoJOLVr5nu1PyVoyagwEnKqEW7vaARt+qEOkgTbn5oBESRhRtW2bzTngWi/wudS8egzFDlXm38hFz5d0o0vZH+b6cbeMszjrOOfz3r0zYxo93ljPjQ6/Sthe2tFA6jQSBpIBEDQNhfT+8NETjZFM1NAQcKKR2NwkklVXd5rf4Z5GBZyeny33RenJwYKwBBgcXrDUzuuwSAkCAJGU7T3aqNDUajBBCLTQyeCRkM4tY1pAk8fMp18Z1VvwDPFw7Co00O8eS80MyQgQKc7JdvvKEzMgikMgApUoIBZEEDywRSpZCJJaD4iygdHAhOjwT7X0DzaLq3y5T9LPAwzaz96Tz59z/oYJiyaCUmFEWowmBGhrsLxQXXwsB4NbTKyZpxSo0JEQSzRHxTdHjf6xcagLEogEMEgpu2hEdi2IiK03NeEM5+Gtwzz8TDM7Aulb4/ueQZoEhBqFYM1SYXleMT93er2rfv794bVRLQJhETGwBBDCLAYbY+VSOp2w2CDV671t69tFH2yQxOAajBhgMH0cz1Ip5/Aoyf37vy8N+mxntyb9MQ7QpOCCjYGjkdy68OjD359fH+3EevEEIsQhRJEYiBhgRBYAAtKEQJUC9Rqo9i3rWvdKy9u9C8XLJJKCkIzFUaz8LimaaZzBu9N+tyNF6/sXdzyYnb+zZ5/y+cIg6kmM6jx3t3q3V/u3f2E1XAg2KABSEUgYbGQomCIKAMFKWgqIUERKaJNDEBsGjsuN23nud5zr2zFHiw2jEhqQcq2P/YJL+c8r33F7/zjtnym1VeMexhm3vKjYXj0jqo6mcj7v3rw7i/vP9gvmqpfT4rJqBkejUbDoTaJlFiEshf6g872ZufqTu/aTqdHDakuqEKxJhEWBLBJkvHG5Xjt1e3B850kTehIHpiYvpbztwYehifwc4Z5TM8W8tgaADOA7XiZmGF4zPfe3X33Fw9Gx/1q0qsrNlU9HldNQ1i/rpMpRyM2ByndOY7Fw16ZXrzef/3Va9c2Y5SkNi5iYCNsSCvFwvhu9enoECr9G1EFLGBQgtMnYAbDdHwaudPWzcZbhpm33A4YwxRoCJhFmJgZQkopAeVoaP/yzw9+85t9TYPJuNCmrMfWVFZNrJpwMtZq1DSVJi0TZaJVLSNjRR1vyPitr11++xtXr/Y1NgypNFMwSSo4EdJs6/DaW/3NV3pNrFAYTaIVUGhsjCYaRIMGJUCePQLtLcMTeKHeXHLLAOSxZSMBg0hRN7j1+4M/3D4KYTOEMgaJkbGQUMQQi6IsyrKIZcFYkiKGAqkwjRSyO9GNn7736Q/+7we3dmVsXYlCKEzUEIJIUj3EJ+/tTu42sS6olGnb1A5kgNOyJ28W5uJhmAsJ0KwtoAAJtaSGJvHu3dGtDx+GOIixGyV0yiDBQimhE0OHoWjKsi67VnYtxOMYdjvFp93wSYE7QR4amyb0P7zX/M2PP7x1Px3VqYgFEggzqYGmaCL3492f3097JnUADEHbMidpm4JTAXWz8nOGeRGE5NFfJAoMMhzqB799MKm6hg5gQjNaCDDhRCvpaCl1wjAWurMTNnpy6VL/8tVLnb4ej9NHd45uf3R8b3dydFTvT6q//6d/+avvvtHplwUFppq0kICKPfarT0b3O8dXNzdRmIlSAo2AgQQNxi8WQ7nzWXUYZjqGW/x8ZlnDTycjwG3JkFkya1L4/R8OHh7QMJBQEpq0lsAgooqIZDpCffDiC91vfWPnxguDrUuh0zWElCxBRO3qcCiffDz+xx//+p9+dvv+Pf2Hn+A/fO9PrnZRpKQWUoqiGlWLcfnwd8P+C92NbrBOUiRBaJM566td/TjD+a1+6eJVn0Av7/T3/A93ASfQ+f8IwKiANgl7+80vfrF/dDSo6y4IS4lJ6jolY6VVwqgIoze/eflrL/Uv7YRQ5tJUo4FQNUAsEYbx2N77zb2//Zt3f//u0b999fXvf/3mtgANmyYEQ6wb1PUQk/KbdvO7V+WKMhAq0xMGI540+HDOd28dwvA4ywuDHyYtIv9aFFSTjz6+PxxBLYYYzOoEUwIQs5o62u43b77+3Ndf6XdjMtSpLdtmsEQhgwFUYwJlMOB33rr64s0/+6//5Z13f/Krb167vLm1GbQhUzIIEFmEyh78bn/7Zn97q2diucyb7Yn8dMaEm5GfQM+JZPufGczkeKi7e+OUClAUDdhQkETRBctqsJXefvvKa6/1YqxNKmVqzBpAARUmhZoCFUPFkAwIIV26ZH/9n9/82ltXPvjk9sRoVGICS0bWCihlWD68NbYhoGZsawHzXKEv+715WnkY5td2abb/e39/PB5JsgLBjFUMlECLpkVd9OtXvrb1ysu9gDqItcWokYHkxHSoOFJUghS0QQU2EIOxKHj9RvFX/+mtkeztjh+mAKKJSGZSmyjZafoPfz9KB1AzY2onSeQKcm8a5uJhmNtn+1xTY2/vuKmjWUjaSFBNaoQGsyINLsUbL/TKmDpRCaQktMhkNHl4ZP/z/9z6b//9nXc+OD5quok9BYiEEGAMll54YfDt77107/iTiiZCpsoaVRM1kybqIR5+OqJCoYCeWmbAwzAPP2eYj6mCkPajeDROBwearBBETYmURpDErMPYxfXrne0BoTUZAYYIM0sa9h7if/zo7j//er8x3tn7Q9Pc/M6/2gIngiQQkjEE6+i//pPnf7p/2ySZFdDGNAWh0aLEaOXhp8PL4w2WBhgUBFNQ8Y7VuXjLMK+2d1UB2nicqioYQlKaxWSxDqwLSx1YVy/vlIWkwGgpmpnCxmZ3j/UHP/z0l++PJ3Z9jCu7Bxv/8KO7v3z3uKpjbYCYIimhYH+re/VqT1HXCYauCAOaADFTUakPkw1BZXuY1M6tM8/CXM5uGRafjbD6YvQlbeEs1k7Pb79Q46RKdaNkUANJtVQL0KF1krLqdnYiqcmiIKlUkP0D/P3/uv3z9w6G2NZYkqiSfXw3/e3f3QevfutbRUmSoX2oWMiV5wYPH9ZJm2BRLJgqlIJQMFbDYaqVoAklAAoxIdZ30G3x+QxnupDRJ28Z5mOggWaEGepGzUTa3ReWzOpCUkeamMbNcYisFQxUBYgHh+nvfvTxO+8Px7KJsKFaIpVgt5HNO/eLH/zw49/89rBppC1DhZgR21cGjMkkgbAEQQmEtobbUmNqCiZACRPQuL5RWG8ehnkQyjwADQNMSQrIdtKzBmgpVeTE0qgahUARaDuNGfLbD+7+9Be3xrJVsTtpIBqCiaVkkalT3rk/+dGPPzge1qYAIGIM1ukXGmsrkokaoWokLGjDcehQ2gXHAAimBeVf3lvzNPMwzMceXTtJVY1MNI1AVxrhuLHRpDGYQTndTbvd2BvEWscIpUhBKC0BqtJYrFQmvY0iBIoI25PiYHGDne2QimrCkRaapNJY1cVo0hl1rpRxQwiTNp/MQ9puDh6G+TDXwhEGFBGwRKKhNgFaCgqYhEktxxOrDEAiEgDAXn3pyp9+++ZWb8xmLGSyRtkgRNVGcHzzRvzzf//1/kbBfOBP0FDa1Zd3wraNy+GoOK47w7o4Oox74Tquv37VShNaMKMpYEofZ5iTd63Ow0BMz6AFGoSkKZskaAqyGxomgGYynPDhRLe6aMvpAG73+WffuVGg88N/3D+uReJGgqk1nXj4ynX7j3/+jVevd8N0Eck2DCZp63qfFj6N+6P9o1RbQBpc6lz9+pXe86WViQQUhJrk4tUv8915ankY5sCTaQyACbVTSBHtcFzVgtTpSCcoTagghjVv3z249lK/RzHCBIJmp8vvf/uyJPnfP907qBIZCh6//Fz1l3/x6qvPFQUsL7xquWWQkgZsvdTduPT88P7YJggBG9d6sgmNJpEEjWhXtfQczO3sMCxv1t8yykhndREPR5DtMttC2+iV/Y3y3qhKUqATUhQTEdShYG3h/dsHbzy/VUeNMCOkSQXjVo/f/c5OsurHP/1okuTmjc5f/sVrr10vOtKW3LUtQz4ZTqYoYDTZlq3tntVAgAVr2DAiAYJgzIsXyxMnMzy6POv536Ll9YCvvhf1TN4yzG06ER/W62IwEO4nBrPIhgqKaSo6ASHcvnv48f5o51qPUCJQAimWdGuA7//ptZ1Ldv/B0ZvffP7la92SMKRGGkEIuRSVCkAISywMgKqiDAqAKoSpCqOS01MYMsHEz6Hn4WGYg7XrCidIu6BwKNKVa5348WEQUSpNVQtlL0b0euXDgwf/77d3buy8ts2mX1oDa9fPA7DT5/fevqFqRSDMDEZBQDBDMiMlwRoqDRGMEJok0oAAwAKtbUcQoAozo1JEONNnpzvhvUlzoVkeFQNIE9u50un2JcTEADCJNGoNicHWVoq9D3bHP/lgbyxlowgSVZUQQYiQkugQVIOagQaBhSqhZjg07Cl3U3iQwsgkmTRqSc0+62Zq1yvO5bNsZ3x6EOblLcNcjIRJu1oSxIxFKTduDg7ujVVqBEImAjVyc3Nnd280FvvZ7+8Xgf/utcvbYGQ0wPL4MoF2LWEaoUACJgx7x/Wt3aO7h6PGsFHKizsbL14aXOpInC62atOpRWyLMaYT3aazezwTM/MwzKGdeD+9fo7RAApeeLH/h9FxLQ1QmpmQptqJxcbGxqSux0Xxsz/sqzZvvnDtuUHsmAWzZBbaj3SgARRslBO1D++PPtw9eFChCRsWilHSh3eHDxt748bmpagdNEDRVke1Hamh7U7KF8OyJc65fKY9fQsPz2QZPQ/t5UjyoYnRFApT4UPY+/eO3vtkPMIghSA0mCnDwTjd2d2PMWwUNmB1ZSO+drV/c7uz3e+0Q9Ak1NAYRk3aO5zc2T/YreLQpBEooqI0FiIa0+E3r4R/c21zR5qAQECnIx7BKAoaTExpJOV8B8AX8v4sr+/x/A/3ON6btAJUGvOKAEIzoZZsXro8uLtf7Y3SkB0EELWgGXS53S+Px3Wtsd7Y2m2q8d3jjx8cbW50N4rYKSQQyVgrD8f10aRuUNSy0ZCGWoSmopQmhiT92wcHg3j05pVBxxBhAVAocoFgvm6Q0nw+w3xWHYaVLSj/BIt/aFmePWA8GXmz1CEGAa+/cOnnvztorKoaWAQEAuwMNiyN1Ng0IrGsYveB4ujYysBIE0LNEkNiJ8W+QkgxJAAKo4A0NUXgURV+97DpFemVrWITYNIAM05X1cvFtKseDprJ4stLLv5wj9uytwxzad/hdvEkAgJVi0FK1ecHxfj6xvDOA2NRo1QTUjpFud2Pw9EEKQUxGlWiko3B0M55phoTRRFAko3AFEHbVZlQC43QFIr7DX59f9wppNsNVIjkZV8VEJKANwtz867VuRho+TS6rRKlBFooyBL62nOdt14cbHLYsaYAmYxmvW5nY6NXiAQzNA01sV1KxtBeaUGIABWraRXQkCCCIaiIBTAqRBFjU27cq/T9/YeHbTmSAWaJqrR2KoP4L3Ve3jLMY1otkY9JDO0EN5CMVDN9+VKHcvXdj4ZHVSMSG9QopOhGCT2rxwZVUkWShHZFb6Bd9chMAFqiCdu5QzTSYoAAqV1d25oou5PhYbItMgLtJdXbAu62grvdmpuVh2FeBCBtjw4lJ6HdA0tSwK/tdDux/O2dw73hASVMUh1CN3YKFUmpoqgJjO3lnUEhqMZ2KTEzhnYCKZFIUUiCSDDThqyltEmDUa2pEIglGkxJaXta8VlZk5uNh2EuPPk3H6IHIdrzWAuEFUkl4OambHQ2P9zVj+4fUZvG1KQXJAYJZgpL0+XsGUTUzKwhlIApRQA0IqABKYKlilASmYxNCOyIxDwzyAIpRgBKiJoPus3HwzC/k0tIIVfJnQzaUKMA6ADPlbL1/KVXLm/f3j36+MHxqJnUjDWCsQBkWqQtKamICIJp20t7FJG2BhsJeDCqx1JODEkliMEYU7pUxq3IaLlWVdoRaeb5z5+7ALs7twtYeHgNlqtYqdOXlz39Pyc/UrMaSSg00pAUShwrD+pmd1TtHhzfP67HTTAjKCDVzFRFKLQiSq8Trgx4qV9u93tV0l99sv/xcDLp9FIsAETotqTXd/pv9zobtSJqIxpQiFKJ9mpwhCx45Z7FrXix9IsZPfQwzOrk2X6uZSBPrjJoZgkq7Xl2W75kaMiGqMjKMEk2rGw4rqq6qZsmqZZlpwzSKWOvE3slu0AEaAaRvSrdOji8M56MVAlu9rovDnov98rLjUVTE01BogYajdZeflpAD8McD+dhmNnppuALX+Y8WLtWmOXJOYTm6zmIqoGibIevpR0faH/YXgUotDMkQDELoIEVMTQ7aFKtGohOCIMgHVhZNTFKY4mxCIlQgNTQdiw9thzDw/CEh/NzhpmllNpJA6e/efL+mhnzegFtFSpT+wUphkJCvtn0j5rlH7c9q9OuWkAAM6IL6wA7MRgDAVpb2IpQ0AggJIOcjIQD2i7c4WMNs/MwzOwLSTjjM8kM7YznPKU/X1lK8bkGhbmcg9Z+SUwXuWfbPBjzjAlBrlA1QvOyGWbMYwt5lIK0lCAiFPMT6Ll4GGZ2+pzhzEMmtEPB07Hpz+4I0zyUBqEBJm05Rjtq11ZeG4xmaAAzik0P/aex4vQrPanflvYSEQTYXmOOPs4wHw/DzDh18uXJqXM+c2h/0P5jFiwPWOdDo3xENP3on86kPpmVY7CGeYWM6SV5pvu4IuS4iRJ5ljQAmLY9SQYCKTUixQrfkmeEH1rObDgcPu5HuWWw6Sw0Q3syTSitXQpVA5QGBTWPNsPQ9jxJXsAVAgaxGFIISYIKDQpVNCYNkNr7ELnhIGBQg9XWUDgaT371q/dX9WY8U2ZYhftClhVZUtfTkq69d+bd33nnnTfeeGNnZwenjpROn0B//sFym3D6aGn69yMHM9O7toNoPPnuZw1HbmSmd53WISklCKB1Vf3m/feLYoYVgM5vxR1Eq3d21+rZN135e7GeYXh6PfrC12TBosX5kvTOXSQPw5M8SxPrn6XXsiQeBucyD4NzmYfBuWytB90WLyK82DWdnrHOpaVak7WwZrLWYVg3Hoxnm4fhIi3+oeUZ+xL5OYNzmYfBuczD4FzmYXAuu4DyxuXNgV7SYvcz9fqtfiH+VW5h9db5aojeMjiXeRicyzwMzmUeBucyD4NzmYfBuczD4Fx2AQsCLG+G/uKX5V3c4kMuyxsNWPF0/jUZ1lh8F3ocbxmcyzwMzmUeBucyD4NzmYfBuczD4Fw2Qwn3ipdPnenGF9Lrt3gJ94oL1BfnU65P85bBuczD4FzmYXAu8zA4l3kYnMs8DM5lHgbnshlKuNfZhaxtsw4rpS5vwGQdHm6mp7H6X5O3DM5lHgbnMg+Dc5mHwbnMw+Bc5mFwLruAVbhXbKZC68W3fCHLfJx/CzNZvPNxeetrLL5cxeq7fb1lcC7zMDiXeRicyzwMzmUeBucyD4NzmYfBuezscYYzrb7Ye0nDHV/Nq30+dYvQrH5pIm8ZnMs8DM5lHgbnMg+Dc5mHwbnMw+BcNkPX6uOsw6IS62yd6+Ev5LqA6/wCZ+Itg3OZh8G5zMPgXOZhcC7zMDiXeRicyy6ga3UdXEgh6kzOv5HldRwvvnLHhdTkLl48e/6rRc7KV8dwbh4eBucyD4NzmYfBuczD4FzmYXAu8zA4lz0j4wzLW8NixZZ3pcY1WWN8xQX/vjqGc/PwMDiXeRicyzwMzmUeBucyD4NzGRcv912edXgaS6pPnmkLj9vIs72Gxer3N28ZnMs8DM5lHgbnMg+Dc5mHwbnMw+Bc5mFwLpthnGFNPHUF2MsbDViTIZcV70KL16I/jrcMzmUeBucyD4NzmYfBuczD4FzmYXAuO7tr1bmvIG8ZnMs8DM5lHgbnMg+Dc5mHwbnMw+Bc5mFwLvv/BdXP8V6rCS4AAAAASUVORK5CYII=">
  51. <p>扫码看看<br/>假期你该去哪玩?</p>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="mask">
  57. <div class='maskBox'></div>
  58. </div>
  59. <div class="banner">
  60. <div class="bannerL">
  61. <p>长按保存到相册</p>
  62. <p>关注“盈花花”公众号解决旅游缺钱问题</p>
  63. </div>
  64. <div class="bannerR" id="goWeChat">立即关注</div>
  65. </div>
  66. <script>
  67. $(function(){
  68. function getUrlParms(name){
  69. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  70. var r = window.location.search.substr(1).match(reg);
  71. if(r!=null) return unescape(r[2]); return null;
  72. };
  73. var pick = getUrlParms("pick");
  74. if( !pick ){
  75. window.location.href='index.html';
  76. return
  77. };
  78. init.showIndicator();
  79. $.ajax({ //获取数据
  80. type:'get',
  81. url : 'http://wx.yingyinglicai.com/question/pick?pick='+pick,
  82. dataType:'JSON',
  83. contentType:"application/json; charset=utf-8",
  84. success:function(res) {
  85. if(res.errcode == 200){
  86. var data = res.data;
  87. $("#Label").text(data.resultInner+'、'+data.resultOutter);
  88. $("#resultIdentity").text(data.resultIdentity);
  89. $("#resultDescribe").text(data.resultDescribe);
  90. $("#resultDestination").text(data.resultDestination);
  91. $("#resultDestinationInfo").text(data.resultDestinationInfo);
  92. if(!data.show) $(".banner").hide();
  93. getCanvasBase64(data.resultUrl).then(function (base64) {
  94. $(".shareImg").attr("src",base64);
  95. getImg();
  96. });
  97. }
  98. },
  99. error:function() {
  100. init.hideIndicator();
  101. }
  102. });
  103. function getBase64Image(img, width, height) {
  104. var canvas = document.createElement("canvas");
  105. canvas.width = width ? width : img.width;
  106. canvas.height = height ? height : img.height;
  107. var ctx = canvas.getContext("2d");
  108. ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
  109. var dataURL = canvas.toDataURL();
  110. return dataURL;
  111. }
  112. function getCanvasBase64(img) {
  113. var image = new Image();
  114. //至关重要
  115. image.crossOrigin = '';
  116. image.src = img;
  117. //至关重要
  118. var deferred = $.Deferred();
  119. if (img) {
  120. image.onload = function () {
  121. deferred.resolve(getBase64Image(image));
  122. }
  123. return deferred.promise();
  124. }
  125. }
  126. // 分享
  127. var wxParam = {};
  128. var wx_share = function(param, url) {
  129. $.ajax({
  130. url: 'http://wx.yingyinglicai.com/checkJsAuth?url=http%3a%2f%2fwx.yingyinglicai.com%2fshared?pick='+pick,
  131. type: "GET",
  132. dataType:'JSON',
  133. contentType:"application/json; charset=utf-8",
  134. success: function(res) {
  135. if (res.success) {
  136. var data = res.data;
  137. wxParam = param;
  138. console.log(res)
  139. // 分享配置
  140. wx.config({
  141. debug: false,
  142. appId: 'wx00b0504317473c38', // 必填,企业号的唯一标识
  143. timestamp: data.timestamp, // 必填,生成签名的时间戳
  144. nonceStr: data.nonceStr, // 必填,生成签名的随机串
  145. signature: data.signature,// 必填,签名,见附录1
  146. jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
  147. });
  148. }
  149. },
  150. error : function(res) {}
  151. })
  152. };
  153. wx_share({
  154. title: "测一测|国庆假期,你适合去哪儿玩!",
  155. desc: "为什么有人要扮鬼被毒打900次才能出游?" ,
  156. link: "http://wx.yingyinglicai.com/index",
  157. imgUrl: "http://talent-test.yinghuahua.com/jituan/img/share_icon.jpg",
  158. successFn: function(){
  159. // 用户确认分享后执行的回调函数
  160. },
  161. cancelFn: function(){
  162. // 用户取消分享后执行的回调函数
  163. }
  164. },window.location.href);
  165. wx.ready(function () {
  166. wx.onMenuShareTimeline({//分享到朋友圈
  167. title: wxParam.title,
  168. link: wxParam.link,
  169. imgUrl: wxParam.imgUrl,
  170. success: function () {
  171. if (wxParam.successFn) {wxParam.successFn();}
  172. }, cancel: function () {
  173. if (wxParam.cancelFn) {wxParam.cancelFn();}
  174. }
  175. });
  176. wx.onMenuShareAppMessage({//分享给朋友
  177. title: wxParam.title,
  178. desc: wxParam.desc,
  179. link: wxParam.link,
  180. imgUrl: wxParam.imgUrl,
  181. success: function () {
  182. if (wxParam.successFn) {wxParam.successFn();}
  183. }, cancel: function () {
  184. if (wxParam.cancelFn) {wxParam.cancelFn();}
  185. }
  186. });
  187. });
  188. function getImg(){
  189. var canvas2 = document.createElement("canvas");
  190. let _canvas = document.querySelector('#canvas');
  191. var w = parseInt(window.getComputedStyle(_canvas).width);
  192. var h = parseInt(window.getComputedStyle(_canvas).height);
  193. canvas2.width = w * 2;
  194. canvas2.height = h * 2;
  195. canvas2.style.width = w + "px";
  196. canvas2.style.height = h + "px";
  197. var context = canvas2.getContext("2d");
  198. context.scale(2, 2);
  199. html2canvas(document.querySelector('#canvas'), { canvas: canvas2 }).then(function(imgUrl) {
  200. let oImg = document.createElement('img');
  201. oImg.id = 'oImg';
  202. oImg.className = 'o-img';
  203. console.log(imgUrl.toDataURL())
  204. oImg.src= imgUrl.toDataURL();
  205. //imgUrl是html2canvas返回的截图的base64码
  206. document.getElementById("content").appendChild(oImg);//将生成的截图放到页面中
  207. $("#canvas").hide();
  208. init.hideIndicator();
  209. });
  210. };
  211. $("#goWeChat").on('click',function(){
  212. // window.location.href='https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU3MjcyODUxMw==#wechat_redirect';
  213. })
  214. });
  215. </script>
  216. </body>
  217. </html>