Commit 874789ab authored by wangzhujun's avatar wangzhujun

123

parent 9bf60218
......@@ -35,17 +35,17 @@
// https://activity.m.duiba.com.cn/customShare/share?id=Did1NjA5Mjc
CFG.loginUrl = 'https://98570-activity.m.dexfu.cn/customShare/share?id=Did1NjA5Mjc'
</script>
<script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1747137104990/assets/index-CRDph5YZ.js"></script>
<link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747137104990/assets/vendor-CTMl_CxH.js">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747137104990/assets/vendor-CWeaUrOh.css">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747137104990/assets/index-B2CduLkm.css">
<script type="module" crossorigin src="https://yun.duiba.com.cn/db_games/spark/v3/1747139037968/assets/index-CsLVlOpg.js"></script>
<link rel="modulepreload" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747139037968/assets/vendor-DNcXdO-n.js">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747139037968/assets/vendor-CWeaUrOh.css">
<link rel="stylesheet" crossorigin href="https://yun.duiba.com.cn/db_games/spark/v3/1747139037968/assets/index-ChC2yAKz.css">
<script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script>
<script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
</head>
<body>
<div id="root"></div>
<script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
<script nomodule crossorigin id="vite-legacy-polyfill" src="https://yun.duiba.com.cn/db_games/spark/v3/1747137104990/assets/polyfills-legacy-C2MhNPfJ.js"></script>
<script nomodule crossorigin id="vite-legacy-entry" data-src="https://yun.duiba.com.cn/db_games/spark/v3/1747137104990/assets/index-legacy-Dfrqzlk0.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
<script nomodule crossorigin id="vite-legacy-polyfill" src="https://yun.duiba.com.cn/db_games/spark/v3/1747139037968/assets/polyfills-legacy-C2MhNPfJ.js"></script>
<script nomodule crossorigin id="vite-legacy-entry" data-src="https://yun.duiba.com.cn/db_games/spark/v3/1747139037968/assets/index-legacy-D89TQsP_.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>
</html>
......
This diff is collapsed.
......@@ -86,10 +86,10 @@
position: absolute;
.sparkBg("drawPop/itembg.png");
img {
width: 109px;
height: 109px;
left: 3px;
top: 3px;
width: 105px;
height: 105px;
left: 5px;
top: 5px;
position: absolute;
object-fit: contain;
border-radius: 22px;
......
......@@ -20,25 +20,34 @@
position: absolute;
border-radius: 20px;
}
.tipsLab {
width: 750px;
height: 40px;
text-align: center;
top: 650px;
position: absolute;
font-size: 40px;
color: #fff;
}
.poster {
width: 596px;
height: 983px;
left: 77px;
width: 2988px;
height: 4924px;
left: 777px;
top: 286px;
position: absolute;
.posteriimg {
width: 596px;
height: 983px;
width: 2988px;
height: 4924px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("posterPop/posteriimg.png");
.sparkBg("posterPop/posteriimg2.png");
}
.qrcode {
width: 175px;
height: 175px;
left: 46px;
top: 748px;
width: 875px;
height: 875px;
left: 240px;
top: 3740px;
position: absolute;
border-radius: 20px;
}
......
......@@ -46,9 +46,8 @@ class Posterpop extends React.Component<{}, PosterpopState> {
{
this.state.codeImg && <img className='qrcode' src={this.state.codeImg} onLoad={() => {
// 开始截图
html2canvas(document.querySelector(".poster"), { useCORS: true }).then(canvas => {
html2canvas(document.querySelector(".poster"), { useCORS: true, scale: 5 }).then(canvas => {
const base64 = canvas.toDataURL()
// console.info('html2canvas', base64)
this.setState({
shareImg: base64
})
......@@ -57,6 +56,7 @@ class Posterpop extends React.Component<{}, PosterpopState> {
}
</div>
<div className='tipsLab'>正在加载中...</div>
{
this.state.shareImg && <img className='show' src={this.state.shareImg}></img>
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment