(function(){ var SHARE_API = "/api/addons/66-share/generate-qrcode"; function getSiteName() { var siteName = document.querySelector('meta[property="og:site_name"]')?.content || ''; if (siteName && siteName.length > 0 && !siteName.includes('http') && !siteName.includes('.html') && !siteName.includes('.php')) { return siteName; } var siteMeta = document.querySelector('meta[name="site"]')?.content || ''; if (siteMeta && siteMeta.length > 0) { return siteMeta; } var title = document.title || ''; var dashIndex = title.lastIndexOf('-'); if (dashIndex > 0) { var sitePart = title.substring(dashIndex + 1).trim(); if (sitePart && sitePart.length > 0 && sitePart.length < 30 && !sitePart.includes('更新') && !sitePart.includes('日志') && !sitePart.includes('文档')) { return sitePart; } } return '聚财灵猫社区'; } function getJsonLdData() { var jsonLdScript = document.querySelector('script[type="application/ld+json"]'); if (!jsonLdScript) return null; try { var data = JSON.parse(jsonLdScript.textContent || ''); if (data && data['@type'] === 'Article') { return { title: data.headline || '', description: data.description || '', publishedAt: data.datePublished || '', author: data.author?.name || '' }; } } catch (e) { console.error('解析JSON-LD失败:', e); } return null; } function getRawPublishedTime() { var timeEls = document.querySelectorAll('time'); for (var i = 0; i < timeEls.length; i++) { var timeEl = timeEls[i]; var datetime = timeEl.getAttribute('datetime'); if (datetime && !datetime.includes('前')) { return datetime; } var dataValue = timeEl.getAttribute('data-value'); if (dataValue && !dataValue.includes('前')) { return dataValue; } } var metaDate = document.querySelector('meta[property="article:published_time"]'); if (metaDate && !metaDate.content.includes('前')) { return metaDate.content; } var metaDate2 = document.querySelector('meta[property="og:updated_time"]'); if (metaDate2 && !metaDate2.content.includes('前')) { return metaDate2.content; } var metaDate3 = document.querySelector('meta[name="date"]'); if (metaDate3 && !metaDate3.content.includes('前')) { return metaDate3.content; } var inputs = document.querySelectorAll('input[type="hidden"], input[type="text"]'); for (var j = 0; j < inputs.length; j++) { var input = inputs[j]; var name = input.name || input.id || ''; if (name.toLowerCase().includes('date') || name.toLowerCase().includes('time')) { var val = input.value; if (val && !val.includes('前')) { return val; } } } return ''; } function getPostInfo() { var title = '未命名文章'; var description = ''; var publishedAt = ''; var url = window.location.href; var targetAuthorName = ''; var articleElement = document.querySelector('article'); if (articleElement) { var authorLink = articleElement.querySelector('a[href*="/users/"], a[href*="/profile/"]'); if (authorLink) { targetAuthorName = authorLink.textContent?.trim() || ''; } } var h1El = document.querySelector('h1'); if (h1El && h1El.textContent && h1El.textContent.trim().length > 0) { title = h1El.textContent.trim(); } var metaDesc = document.querySelector('meta[property="og:description"]')?.content || ''; if (metaDesc && metaDesc.length > 0) { description = metaDesc; } else { var articleContent = document.querySelector('article') || document.querySelector('.content') || document.querySelector('.post-content'); if (articleContent) { var pElements = articleContent.querySelectorAll('p'); for (var i = 0; i < pElements.length; i++) { var text = pElements[i].textContent.trim(); if (text.length > 20) { description = text; break; } } } if (!description) { var allPs = document.querySelectorAll('p'); for (var j = 0; j < allPs.length; j++) { var text = allPs[j].textContent.trim(); if (text.length > 20 && !text.includes('回复') && !text.includes('评论')) { description = text; break; } } } } description = (description || '暂无内容').substring(0, 200); var articleElement = document.querySelector('article'); if (articleElement) { var authorLink = articleElement.querySelector('a[href*="/users/"], a[href*="/profile/"]'); if (authorLink) { var currentParent = authorLink.parentElement; while (currentParent) { var timeInParent = currentParent.querySelector('time'); if (timeInParent) { var dt = timeInParent.getAttribute('datetime'); if (dt && dt.length >= 10) { publishedAt = dt; break; } else if (timeInParent.textContent && timeInParent.textContent.length > 0) { publishedAt = timeInParent.textContent.trim(); break; } } var spansInParent = currentParent.querySelectorAll('span'); for (var s = 0; s < spansInParent.length; s++) { var spanText = spansInParent[s].textContent?.trim() || ''; if (spanText.includes('前') && spanText.length < 20) { publishedAt = spanText; break; } } if (publishedAt) break; var textContent = currentParent.textContent || ''; var timeMatch = textContent.match(/(d+s*(天|小时|分钟|秒)s*前)/); if (timeMatch) { publishedAt = timeMatch[1]; break; } currentParent = currentParent.parentElement; if (currentParent && currentParent.tagName === 'ARTICLE') break; } } } if (!publishedAt && targetAuthorName) { var allLinks = document.querySelectorAll('a[href*="/users/"], a[href*="/profile/"]'); for (var l = 0; l < allLinks.length; l++) { var link = allLinks[l]; var linkText = link.textContent?.trim() || ''; if (linkText === targetAuthorName) { var parent = link.parentElement; if (parent) { var timeEl = parent.querySelector('time'); if (timeEl) { var dt = timeEl.getAttribute('datetime'); if (dt && dt.length >= 10) { publishedAt = dt; } else if (timeEl.textContent && timeEl.textContent.length > 0) { publishedAt = timeEl.textContent.trim(); } } if (!publishedAt) { var sibling = link.nextSibling; while (sibling) { if (sibling.nodeType === Node.TEXT_NODE) { var text = sibling.textContent?.trim() || ''; if (text.includes('前')) { publishedAt = text; break; } } else if (sibling.nodeType === Node.ELEMENT_NODE) { var elText = sibling.textContent?.trim() || ''; if (elText.includes('前') && elText.length < 20) { publishedAt = elText; break; } } sibling = sibling.nextSibling; } } if (!publishedAt) { var textContent = parent.textContent || ''; var timeMatch = textContent.match(/(d+s*(天|小时|分钟|秒)s*前)/); if (timeMatch) { publishedAt = timeMatch[1]; } } if (publishedAt) break; } } } } if (!publishedAt) { var articleTime = document.querySelector('article time'); if (articleTime) { var dt = articleTime.getAttribute('datetime'); if (dt && dt.length >= 10) { publishedAt = dt; } else if (articleTime.textContent && articleTime.textContent.length > 0) { publishedAt = articleTime.textContent.trim(); } } } if (!publishedAt) { var jsonLdScript = document.querySelector('script[type="application/ld+json"]'); if (jsonLdScript) { try { var jsonLdData = JSON.parse(jsonLdScript.textContent || ''); if (jsonLdData && (jsonLdData['@type'] === 'Article' || jsonLdData['@type'] === 'BlogPosting')) { var ldDate = jsonLdData.datePublished || jsonLdData.dateCreated || ''; if (ldDate) { publishedAt = ldDate; } } } catch (e) {} } } if (!publishedAt) { var metaDate = document.querySelector('meta[property="article:published_time"]')?.content || ''; if (metaDate && metaDate.length >= 10) { publishedAt = metaDate; } } if (!publishedAt) { var metaDate2 = document.querySelector('meta[property="og:updated_time"]')?.content || ''; if (metaDate2 && metaDate2.length >= 10) { publishedAt = metaDate2; } } if (!publishedAt) { var timeElements = document.querySelectorAll('time'); for (var t = 0; t < timeElements.length; t++) { var timeEl = timeElements[t]; var datetime = timeEl.getAttribute('datetime'); if (datetime && datetime.length >= 10) { publishedAt = datetime; break; } if (!publishedAt && timeEl.textContent && timeEl.textContent.length > 0) { publishedAt = timeEl.textContent.trim(); } } } if (!publishedAt) { var timeTitleEl = document.querySelector('span[title*="发布时间"], span[title*="发表时间"], span[title*="创建时间"]'); if (timeTitleEl) { var titleText = timeTitleEl.getAttribute('title') || ''; var dateMatch = titleText.match(/(d{4}-d{2}-d{2}s+d{2}:d{2}(:d{2})?)/); if (dateMatch) { publishedAt = dateMatch[1]; } else { var timeText = timeTitleEl.textContent?.trim() || ''; if (timeText && timeText.includes('前')) { publishedAt = timeText; } } } } if (!publishedAt) { var allElements = document.querySelectorAll('*'); for (var e = 0; e < allElements.length; e++) { var el = allElements[e]; var titleAttr = el.getAttribute('title'); if (titleAttr) { var datePattern = /^d{4}-d{2}-d{2}( d{2}:d{2}(:d{2})?)?$/; if (datePattern.test(titleAttr)) { publishedAt = titleAttr; break; } } var textContent = el.textContent?.trim() || ''; if (!publishedAt && textContent.includes('前') && textContent.length < 20) { publishedAt = textContent; break; } } } if (!publishedAt) { var now = new Date(); var year = now.getFullYear(); var month = (now.getMonth() + 1).toString().padStart(2, '0'); var day = now.getDate().toString().padStart(2, '0'); var hours = now.getHours().toString().padStart(2, '0'); var minutes = now.getMinutes().toString().padStart(2, '0'); publishedAt = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes; } var ogUrl = document.querySelector('meta[property="og:url"]')?.content || ''; if (ogUrl) { url = ogUrl; } return { title: title, description: description, publishedAt: publishedAt, url: url }; } function getAuthorInfo() { var authorName = '未知作者'; var authorAvatar = ''; var articleHeader = document.querySelector('article header, .post-header, .topic-header'); if (articleHeader) { var authorLink = articleHeader.querySelector('a[href*="/users/"], a[href*="/profile/"]'); if (authorLink) { var img = authorLink.querySelector('img'); if (img && img.src) { authorAvatar = img.src; } var text = authorLink.textContent?.trim() || ''; if (text && text.length > 0 && text.length < 50) { authorName = text; } } if (!authorAvatar) { var avatarImg = articleHeader.querySelector('img[class*="avatar"], img[class*="Avatar"]'); if (avatarImg && avatarImg.src) { authorAvatar = avatarImg.src; } } } if (!authorName || authorName === '未知作者') { var metaAuthor = document.querySelector('meta[name="author"]')?.content || ''; if (metaAuthor) { authorName = metaAuthor; } } if (!authorAvatar) { var avatarImgs = document.querySelectorAll('img[class*="avatar"], img[class*="Avatar"], img[src*="avatar"]'); for (var j = 0; j < avatarImgs.length; j++) { var avatarImg = avatarImgs[j]; if (avatarImg.src && avatarImg.width <= 150) { authorAvatar = avatarImg.src; break; } } } if (!authorAvatar) { var userLinks = document.querySelectorAll('a[href*="/users/"], a[href*="/profile/"]'); for (var k = 0; k < userLinks.length; k++) { var link = userLinks[k]; var imgInLink = link.querySelector('img'); if (imgInLink && imgInLink.src) { authorAvatar = imgInLink.src; break; } } } if (!authorAvatar) { var allImgs = document.querySelectorAll('img'); for (var m = 0; m < allImgs.length; m++) { var img = allImgs[m]; if (img.width > 0 && img.height > 0 && img.width <= 150 && img.height <= 150 && img.src) { var parent = img.parentElement; if (parent && (parent.href?.includes('/users/') || parent.href?.includes('/profile/'))) { authorAvatar = img.src; break; } } } } if (!authorName || authorName === '未知作者') { var allAuthorLinks = document.querySelectorAll('a[href*="/users/"], a[href*="/profile/"]'); for (var i = 0; i < allAuthorLinks.length; i++) { var link = allAuthorLinks[i]; var text = link.textContent?.trim() || ''; if (text && text.length > 0 && text.length < 50) { authorName = text; break; } } } return { name: authorName, avatar: authorAvatar }; } function formatDate(dateStr) { if (!dateStr) { return ''; } try { var date = new Date(dateStr); if (!isNaN(date.getTime())) { var year = date.getFullYear(); var month = (date.getMonth() + 1).toString().padStart(2, '0'); var day = date.getDate().toString().padStart(2, '0'); var hours = date.getHours().toString().padStart(2, '0'); var minutes = date.getMinutes().toString().padStart(2, '0'); return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes; } } catch (e) { } if (dateStr.includes('前')) { return dateStr; } return dateStr; } function generateQRCode(url) { return new Promise(function(resolve) { fetch(SHARE_API, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: url }) }).then(function(res) { if (!res.ok) { resolve(null); return; } return res.json(); }).then(function(data) { resolve(data?.data?.qrCodeData || null); }).catch(function() { resolve(null); }); }); } function loadImage(url) { return new Promise(function(resolve, reject) { if (!url) { reject(); return; } var img = new Image(); img.crossOrigin = 'anonymous'; img.onload = function() { resolve(img); }; img.onerror = function() { reject(); }; img.src = url; }); } function closeDialog() { var dialog = document.getElementById('share-poster-dialog'); var content = document.getElementById('share-dialog-content'); if (!dialog || !content) return; dialog.style.opacity = '0'; dialog.style.pointerEvents = 'none'; content.style.transform = 'scale(0.95)'; document.body.style.overflow = ''; } function downloadPoster() { var canvas = document.getElementById('share-poster-canvas'); if (!canvas) { alert('无法获取海报内容'); return; } try { var link = document.createElement('a'); link.download = 'share-poster-' + Date.now() + '.png'; link.href = canvas.toDataURL('image/png'); document.body.appendChild(link); link.click(); document.body.removeChild(link); } catch (e) { console.error('保存失败:', e); alert('保存失败，请重试'); } } function getRandomGradient() { var gradients = [ ['#667eea', '#764ba2'], ['#f093fb', '#f5576c'], ['#4facfe', '#00f2fe'], ['#43e97b', '#38f9d7'], ['#fa709a', '#fee140'], ['#30cfd0', '#330867'], ['#a8edea', '#fed6e3'], ['#d299c2', '#fef9d7'], ['#89f7fe', '#66a6ff'], ['#f6d365', '#fda085'], ['#ff9a9e', '#fecfef'], ['#ffecd2', '#fcb69f'], ['#a8edea', '#fed6e3'], ['#ff9a9e', '#fecfef'], ['#ffecd2', '#fcb69f'], ['#667eea', '#764ba2'], ['#f093fb', '#f5576c'], ['#4facfe', '#00f2fe'], ['#43e97b', '#38f9d7'], ['#fa709a', '#fee140'], ['#a18cd1', '#fbc2eb'], ['#ff9a9e', '#fecfef'], ['#ffecd2', '#fcb69f'], ['#a8edea', '#fed6e3'], ['#d299c2', '#fef9d7'], ['#89f7fe', '#66a6ff'], ['#f6d365', '#fda085'], ['#ffecd2', '#fcb69f'], ['#ff9a9e', '#fecfef'], ['#a18cd1', '#fbc2eb'] ]; var index = Math.floor(Math.random() * gradients.length); return gradients[index]; } function getPostAttachmentImage() { var article = document.querySelector('article'); if (!article) return null; var contentContainers = article.querySelectorAll('.content, .post-content, .article-content, .body, [class*="content"]'); var contentArea = null; for (var i = 0; i < contentContainers.length; i++) { var container = contentContainers[i]; if (container.querySelectorAll('img').length > 0) { contentArea = container; break; } } if (!contentArea) { contentArea = article; } var images = contentArea.querySelectorAll('img'); for (var j = 0; j < images.length; j++) { var img = images[j]; if (img.classList.contains('avatar') || img.classList.contains('user-avatar') || img.classList.contains('icon') || img.classList.contains('badge')) { continue; } var parent = img.parentElement; if (parent && (parent.classList.contains('avatar') || parent.classList.contains('user-avatar') || parent.classList.contains('icon') || parent.classList.contains('badge'))) { continue; } var width = img.width || parseInt(img.getAttribute('width')) || 0; var height = img.height || parseInt(img.getAttribute('height')) || 0; if (width > 0 && height > 0 && width < 50 && height < 50) { continue; } var src = img.src || img.getAttribute('data-src') || img.getAttribute('data-original'); if (src) { if (!src.includes('/avatars/') && !src.includes('/icons/') && !src.includes('/badges/') && (src.includes('/uploads/') || src.includes('/attachments/') || src.includes('/posts/'))) { return src; } } } return null; } function getRandomWisdom() { var wisdoms = [ '生活不是等待风暴过去，而是学会在雨中翩翩起舞', '每一个不曾起舞的日子，都是对生命的辜负', '梦想不会逃跑，逃跑的永远是自己', '心有猛虎，细嗅蔷薇', '愿你出走半生，归来仍是少年', '生活明朗，万物可爱，人间值得，未来可期', '保持热爱，奔赴山海', '慢慢来，谁不是翻山越岭去成长', '所有的不期而遇，都是命中注定', '温柔半两，从容一生', '往事不提，余生不将就', '山河远阔，人间烟火', '时光不语，静待花开', '以梦为马，不负韶华', '微笑向暖，安之若素', '路还长，天总会亮', '繁星落城，漫若浮光', '温柔不必可耻，它最廉价也最珍贵', '最好的时光，是自己给的', '人间值得，只要好好生活', '把平凡的日子过成诗', '愿所有的不安，都是虚惊一场', '岁月静好，现世安稳', '保持好奇，保持热爱', '人生苦短，及时行乐', '简单生活，精致到老', '心里有光，哪里都温暖', '遇见更好的自己', '生活明朗，好日常在', '日子很滚烫，又热又明亮' ]; var index = Math.floor(Math.random() * wisdoms.length); return wisdoms[index]; } function drawPoster(canvas, postInfo, authorInfo, siteName, qrCodeData, avatarImage, bgImage) { try { var ctx = canvas.getContext('2d'); var width = canvas.width; var height = canvas.height; ctx.clearRect(0, 0, width, height); var bgHeight = height * 0.35; var contentY = bgHeight; if (bgImage) { var imgRatio = bgImage.width / bgImage.height; var areaRatio = width / bgHeight; var sx, sy, sw, sh; if (imgRatio > areaRatio) { sh = bgImage.height; sw = sh * areaRatio; sx = (bgImage.width - sw) / 2; sy = 0; } else { sw = bgImage.width; sh = sw / areaRatio; sx = 0; sy = (bgImage.height - sh) / 2; } ctx.drawImage(bgImage, sx, sy, sw, sh, 0, 0, width, bgHeight); ctx.fillStyle = 'rgba(0, 0, 0, 0.3)'; ctx.fillRect(0, 0, width, bgHeight); } else { var colors = getRandomGradient(); var gradient = ctx.createLinearGradient(0, 0, width, bgHeight); gradient.addColorStop(0, colors[0]); gradient.addColorStop(1, colors[1]); ctx.fillStyle = gradient; ctx.fillRect(0, 0, width, bgHeight); } var now = new Date(); var day = now.getDate().toString().padStart(2, '0'); var month = (now.getMonth() + 1).toString().padStart(2, '0'); var year = now.getFullYear(); ctx.fillStyle = 'rgba(255, 255, 255, 0.9)'; ctx.font = 'bold 60px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'; ctx.textAlign = 'center'; ctx.fillText(day, width / 2, bgHeight * 0.38); ctx.font = '18px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'; ctx.fillText(year + '/' + month, width / 2, bgHeight * 0.52); ctx.strokeStyle = 'rgba(255, 255, 255, 0.6)'; ctx.lineWidth = 1; var lineX1 = width * 0.3; var lineX2 = width * 0.7; var lineY = bgHeight * 0.62; ctx.beginPath(); ctx.moveTo(lineX1, lineY); ctx.lineTo(lineX2, lineY); ctx.stroke(); var wisdom = getRandomWisdom(); ctx.font = '14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'; ctx.fillStyle = 'rgba(255, 255, 255, 0.85)'; ctx.fillText(wisdom, width / 2, bgHeight * 0.75); ctx.fillStyle = '#ffffff'; ctx.fillRect(0, contentY, width, height - contentY); var padding = 32; ctx.font = 'bold 22px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'; ctx.fillStyle = '#000000'; ctx.textAlign = 'left'; var title = postInfo.title; var maxTitleWidth = width - padding * 2; var titleLines = []; var currentLine = ''; for (var i = 0; i < title.length; i++) { var testLine = currentLine + title[i]; var testWidth = ctx.measureText(testLine).width; if (testWidth > maxTitleWidth && currentLine) { titleLines.push(currentLine); currentLine = title[i]; } else { currentLine = testLine; } } if (currentLine) titleLines.push(currentLine); var lineHeight = 30; var y = contentY + padding; for (var j = 0; j < titleLines.length && j < 2; j++) { ctx.fillText(titleLines[j], padding, y); y += lineHeight; } ctx.font = '15px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'; ctx.fillStyle = '#666666'; var desc = postInfo.description || ''; var descLines = []; currentLine = ''; for (var k = 0; k < desc.length; k++) { var testLine = currentLine + desc[k]; var testWidth = ctx.measureText(testLine).width; if (testWidth > maxTitleWidth && currentLine) { descLines.push(currentLine); currentLine = desc[k]; } else { currentLine = testLine; } } if (currentLine) descLines.push(currentLine); y += 12; for (var l = 0; l < descLines.length && l < 6; l++) { ctx.fillText(descLines[l], padding, y); y += 22; } y += 20; ctx.strokeStyle = '#f0f0f0'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(padding, y); ctx.lineTo(width - padding, y); ctx.stroke(); var avatarSize = 56; var avatarX = padding; var avatarY = y + 24; if (avatarImage) { try { ctx.save(); ctx.beginPath(); ctx.arc(avatarX + avatarSize/2, avatarY + avatarSize/2, avatarSize/2, 0, Math.PI * 2); ctx.clip(); ctx.drawImage(avatarImage, avatarX, avatarY, avatarSize, avatarSize); ctx.restore(); } catch (e) { ctx.save(); ctx.beginPath(); ctx.arc(avatarX + avatarSize/2, avatarY + avatarSize/2, avatarSize/2, 0, Math.PI * 2); ctx.clip(); ctx.fillStyle = '#e5e7eb'; ctx.fillRect(avatarX, avatarY, avatarSize, avatarSize); ctx.restore(); } } else { ctx.save(); ctx.beginPath(); ctx.arc(avatarX + avatarSize/2, avatarY + avatarSize/2, avatarSize/2, 0, Math.PI * 2); ctx.clip(); ctx.fillStyle = '#e5e7eb'; ctx.fillRect(avatarX, avatarY, avatarSize, avatarSize); ctx.restore(); } ctx.font = 'bold 17px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'; ctx.fillStyle = '#000000'; ctx.fillText(authorInfo.name, padding + avatarSize + 16, avatarY + avatarSize/2 - 6); ctx.font = '13px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'; ctx.fillStyle = '#999999'; var publishDate = formatDate(postInfo.publishedAt); if (publishDate) { ctx.fillText(publishDate, padding + avatarSize + 16, avatarY + avatarSize/2 + 14); } y = avatarY + avatarSize + 32; ctx.strokeStyle = '#f0f0f0'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(padding, y); ctx.lineTo(width - padding, y); ctx.stroke(); y += 28; ctx.font = '14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'; ctx.fillStyle = '#999999'; ctx.fillText(siteName, padding, y); ctx.font = '15px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'; ctx.fillStyle = '#333333'; ctx.fillText('扫码查看全文', padding, y + 24); var qrSize = 90; var qrX = width - padding - qrSize; var qrY = y - qrSize + 24; ctx.fillStyle = '#ffffff'; ctx.fillRect(qrX, qrY, qrSize, qrSize); ctx.strokeStyle = '#f0f0f0'; ctx.lineWidth = 1; ctx.strokeRect(qrX, qrY, qrSize, qrSize); if (qrCodeData) { var qrImg = new Image(); qrImg.crossOrigin = 'anonymous'; qrImg.onload = function() { try { ctx.drawImage(qrImg, qrX + 10, qrY + 10, qrSize - 20, qrSize - 20); } catch (e) { console.error('绘制二维码失败:', e); } }; qrImg.onerror = function() { ctx.fillStyle = '#cccccc'; ctx.font = '11px sans-serif'; ctx.textAlign = 'center'; ctx.fillText('二维码', qrX + qrSize/2, qrY + qrSize/2); }; qrImg.src = qrCodeData; } else { ctx.fillStyle = '#e5e7eb'; ctx.fillRect(qrX + 10, qrY + 10, qrSize - 20, qrSize - 20); ctx.fillStyle = '#9ca3af'; ctx.font = '11px sans-serif'; ctx.textAlign = 'center'; ctx.fillText('生成中...', qrX + qrSize/2, qrY + qrSize/2); } } catch (e) { console.error('绘制海报失败:', e); try { var ctx = canvas.getContext('2d'); ctx.fillStyle = '#ffffff'; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = '#9ca3af'; ctx.textAlign = 'center'; ctx.font = '16px sans-serif'; ctx.fillText('生成海报失败', canvas.width/2, canvas.height/2); ctx.fillText(e.message || '未知错误', canvas.width/2, canvas.height/2 + 30); } catch (e2) { console.error('绘制错误页面也失败:', e2); } } } async function handleShareClick() { var container = document.getElementById('share-poster-container'); if (!container) return; container.innerHTML = ` `; document.body.style.overflow = 'hidden'; var closeBtn = document.getElementById('share-close-btn'); var downloadBtn = document.getElementById('share-download-btn'); var dialog = document.getElementById('share-poster-dialog'); var canvas = document.getElementById('share-poster-canvas'); if (closeBtn) closeBtn.addEventListener('click', function(e) { e.stopPropagation(); closeDialog(); }); if (downloadBtn) downloadBtn.addEventListener('click', function(e) { e.stopPropagation(); downloadPoster(); }); if (dialog) { dialog.addEventListener('click', function(e) { if (e.target === dialog) { e.stopPropagation(); closeDialog(); } }); } document.addEventListener('keydown', function closeOnEscape(e) { if (e.key === 'Escape') { closeDialog(); document.removeEventListener('keydown', closeOnEscape); } }); try { var postInfo = getPostInfo(); var authorInfo = getAuthorInfo(); var siteName = getSiteName(); var fullUrl = window.location.href; var qrCodeData = await generateQRCode(fullUrl + '?t=' + Date.now()); var avatarImage = null; if (authorInfo.avatar) { try { var avatarUrl = authorInfo.avatar + '?t=' + Date.now(); avatarImage = await loadImage(avatarUrl); } catch (e) { console.log('头像加载失败'); } } var bgImage = null; var bgImageUrl = getPostAttachmentImage(); if (bgImageUrl) { try { bgImage = await loadImage(bgImageUrl); } catch (e) { console.log('背景图片加载失败，使用渐变背景'); } } drawPoster(canvas, postInfo, authorInfo, siteName, qrCodeData, avatarImage, bgImage); } catch (e) { console.error('生成海报失败:', e); try { var ctx = canvas.getContext('2d'); ctx.fillStyle = '#ffffff'; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = '#9ca3af'; ctx.textAlign = 'center'; ctx.font = '16px sans-serif'; ctx.fillText('生成海报失败', canvas.width/2, canvas.height/2); ctx.fillText(e.message || '未知错误', canvas.width/2, canvas.height/2 + 30); } catch (e2) { console.error('绘制错误页面也失败:', e2); } } } function injectShareButton() { var container = document.getElementById('share-poster-container'); if (!container) return; var actionBar = document.querySelector('.flex.shrink-0.flex-wrap.items-center.justify-end.gap-4'); var existingShareBtn = document.querySelector('.share-btn'); if (existingShareBtn) { try { existingShareBtn.remove(); } catch(e) {} } if (!actionBar) { container.innerHTML = ''; var btn = document.getElementById('share-btn'); if (btn) { btn.addEventListener('click', function(e) { e.stopPropagation(); e.preventDefault(); handleShareClick(); }); } return; } var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'share-btn inline-flex h-9 shrink-0 items-center justify-center gap-1.5 rounded-full border border-border bg-card px-3 text-sm font-medium text-muted-foreground hover:border-amber-200/80 hover:bg-amber-50 hover:text-amber-900'; btn.innerHTML = '分享'; btn.title = '海报分享'; btn.addEventListener('click', function(e) { e.stopPropagation(); e.preventDefault(); handleShareClick(); }); actionBar.appendChild(btn); } var debounceTimer = null; var lastUrl = ''; function debounceInject() { if (debounceTimer) { clearTimeout(debounceTimer); } debounceTimer = setTimeout(function() { var currentUrl = window.location.href; if (currentUrl !== lastUrl) { lastUrl = currentUrl; } injectShareButton(); }, 200); } function init() { injectShareButton(); setTimeout(injectShareButton, 500); setTimeout(injectShareButton, 1000); } init(); var observer = new MutationObserver(function() { debounceInject(); }); observer.observe(document.body, { childList: true, subtree: true }); })();

推广广告位