testShare.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  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. <!-- <link rel="shortcut icon" href="favicon.ico"> -->
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta content="yes" name="apple-touch-fullscreen">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13. <meta http-equiv="Expires" content="0">
  14. <meta http-equiv="Pragma" content="no-cache">
  15. <meta http-equiv="Cache-control" content="no-cache">
  16. <meta http-equiv="Cache" content="no-cache">
  17. <link rel="stylesheet" href="css/bske.css">
  18. <script type="text/javascript" src='js/jquery.js'></script>
  19. <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
  20. <script type="text/javascript" src='js/test.js'></script>
  21. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  22. <script src="http://sdk.talkingdata.com/app/h5/v1?appid=55696ECC49B147B3875E753098E88B24&vn=name&vc=1.0.1"></script>
  23. </head>
  24. <style type="text/css">
  25. body{background-color:#018fe9;}
  26. </style>
  27. <body>
  28. <div class="content" id="content">
  29. <div class="share" id="canvas">
  30. <div class="shareBox">
  31. <div class="shareTop">我的假期最适合的旅游地是</div>
  32. <div class="shareInfor">
  33. <div class="infor inforBg"></div>
  34. <div class="infor inforBox">
  35. <div class="inforAdress" id="resultDestination"></div>
  36. <div class="inforLabel">
  37. <div class="colLabel">
  38. <div class="titLabel">性格</div>
  39. <div class="Label" id="Label"></div>
  40. </div>
  41. <div class="colLabel">
  42. <div class="titLabel">气质</div>
  43. <div class="Label" id="resultIdentity"></div>
  44. </div>
  45. </div>
  46. <div class="explain">
  47. <p>这次旅行费用需要我<span id="resultDescribe"></span>方可成行。</p>
  48. </div>
  49. </div>
  50. </div>
  51. <img class="shareImg" src="./img/1.png" />
  52. <p class="shareText" id="resultDestinationInfo"></p>
  53. <div class="shareBottom">
  54. <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=">
  55. <p>扫码看看<br/>假期你该去哪玩?</p>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="mask">
  61. <div class='maskBox'></div>
  62. </div>
  63. <div class="banner">
  64. <div class="bannerL">
  65. <p>长按保存到相册</p>
  66. <p>关注“盈花花”公众号解决旅游缺钱问题</p>
  67. </div>
  68. <div class="bannerR" id="goWeChat">立即关注</div>
  69. </div>
  70. <script>
  71. $(function(){
  72. TDAPP.onEvent('完成测试人数');
  73. function onBridgeReady(){
  74. WeixinJSBridge.call('hideToolbar');
  75. }
  76. if (typeof WeixinJSBridge == "undefined"){
  77. if( document.addEventListener ){
  78. document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
  79. }else if (document.attachEvent){
  80. document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
  81. document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
  82. }
  83. }else{
  84. onBridgeReady();
  85. }
  86. function getUrlParms(name){
  87. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  88. var r = window.location.search.substr(1).match(reg);
  89. if(r!=null) return unescape(r[2]); return null;
  90. };
  91. var pick = getUrlParms("pick");
  92. if( !pick ){
  93. window.location.href='index.html';
  94. return
  95. };
  96. init.showIndicator();
  97. $.ajax({ //获取数据
  98. type:'get',
  99. url : 'http://wx.yingyinglicai.com/question/pick?pick='+pick,
  100. dataType:'JSON',
  101. contentType:"application/json; charset=utf-8",
  102. success:function(res) {
  103. if(res.errcode == 200){
  104. var data = res.data;
  105. $("#Label").text(data.resultInner+'、'+data.resultOutter);
  106. $("#resultIdentity").text(data.resultIdentity);
  107. $("#resultDescribe").text(data.resultDescribe);
  108. $("#resultDestination").text(data.resultDestination);
  109. $("#resultDestinationInfo").text(data.resultDestinationInfo);
  110. if(!data.show) $(".banner").hide();
  111. getCanvasBase64(data.resultUrl).then(function (base64) {
  112. $(".shareImg").attr("src",base64);
  113. getImg();
  114. });
  115. }
  116. },
  117. error:function() {
  118. init.hideIndicator();
  119. }
  120. });
  121. function getBase64Image(img, width, height) {
  122. var canvas = document.createElement("canvas");
  123. canvas.width = width ? width : img.width;
  124. canvas.height = height ? height : img.height;
  125. var ctx = canvas.getContext("2d");
  126. ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
  127. var dataURL = canvas.toDataURL();
  128. return dataURL;
  129. }
  130. function getCanvasBase64(img) {
  131. var image = new Image();
  132. //至关重要
  133. image.crossOrigin = '';
  134. image.src = img;
  135. //至关重要
  136. var deferred = $.Deferred();
  137. if (img) {
  138. image.onload = function () {
  139. deferred.resolve(getBase64Image(image));
  140. }
  141. return deferred.promise();
  142. }
  143. }
  144. // 分享
  145. var wxParam = {};
  146. var wx_share = function(param, url) {
  147. $.ajax({
  148. url: 'http://wx.yingyinglicai.com/checkJsAuth?url=http%3a%2f%2fwx.yingyinglicai.com%2fshared?pick='+pick,
  149. type: "GET",
  150. dataType:'JSON',
  151. contentType:"application/json; charset=utf-8",
  152. success: function(res) {
  153. if (res.success) {
  154. var data = res.data;
  155. wxParam = param;
  156. console.log(res)
  157. // 分享配置
  158. wx.config({
  159. debug: false,
  160. appId: 'wx00b0504317473c38', // 必填,企业号的唯一标识
  161. timestamp: data.timestamp, // 必填,生成签名的时间戳
  162. nonceStr: data.nonceStr, // 必填,生成签名的随机串
  163. signature: data.signature,// 必填,签名,见附录1
  164. jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
  165. });
  166. }
  167. },
  168. error : function(res) {}
  169. })
  170. };
  171. wx_share({
  172. title: "1分享标题分享标题1",
  173. desc: "分享描述分享描述" ,
  174. link: "http://wx.yingyinglicai.com/index",
  175. imgUrl: "http://talent-test.yinghuahua.com/jituan/img/share_icon.png",
  176. successFn: function(){
  177. // 用户确认分享后执行的回调函数
  178. TDAPP.onEvent('分享次数');
  179. },
  180. cancelFn: function(){
  181. // 用户取消分享后执行的回调函数
  182. }
  183. },window.location.href);
  184. wx.ready(function () {
  185. wx.onMenuShareTimeline({//分享到朋友圈
  186. title: wxParam.title,
  187. link: wxParam.link,
  188. imgUrl: wxParam.imgUrl,
  189. success: function () {
  190. if (wxParam.successFn) {wxParam.successFn();}
  191. }, cancel: function () {
  192. if (wxParam.cancelFn) {wxParam.cancelFn();}
  193. }
  194. });
  195. wx.onMenuShareAppMessage({//分享给朋友
  196. title: wxParam.title,
  197. desc: wxParam.desc,
  198. link: wxParam.link,
  199. imgUrl: wxParam.imgUrl,
  200. success: function () {
  201. if (wxParam.successFn) {wxParam.successFn();}
  202. }, cancel: function () {
  203. if (wxParam.cancelFn) {wxParam.cancelFn();}
  204. }
  205. });
  206. });
  207. function getImg(){
  208. var canvas2 = document.createElement("canvas");
  209. let _canvas = document.querySelector('#canvas');
  210. var w = parseInt(window.getComputedStyle(_canvas).width);
  211. var h = parseInt(window.getComputedStyle(_canvas).height);
  212. canvas2.width = w * 2;
  213. canvas2.height = h * 2;
  214. canvas2.style.width = w + "px";
  215. canvas2.style.height = h + "px";
  216. var context = canvas2.getContext("2d");
  217. context.scale(2, 2);
  218. html2canvas(document.querySelector('#canvas'), { canvas: canvas2 }).then(function(imgUrl) {
  219. let oImg = document.createElement('img');
  220. oImg.id = 'oImg';
  221. oImg.className = 'o-img';
  222. console.log(imgUrl.toDataURL())
  223. oImg.src= imgUrl.toDataURL();
  224. //imgUrl是html2canvas返回的截图的base64码
  225. document.getElementById("content").appendChild(oImg);//将生成的截图放到页面中
  226. $("#canvas").hide();
  227. init.hideIndicator();
  228. });
  229. };
  230. $("#goWeChat").on('click',function(){
  231. window.location.href='https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzA5OTM2MTQxOA==&scene=126#wechat_redirect';
  232. })
  233. });
  234. </script>
  235. </body>
  236. </html>