即用即删：.getElementById('refresh-button');const logoPreview = document.getElementById('logo-preview');const downloadButton = document.getElementById('download-button');let logos = [];const createLogo = () => {const companyName = companyNameInput.value;const slogan = sloganInput.value;// 生成徽标选项logos = [];for (let i = 0; i < 10; i++) {const logo = {name: companyName,slogan: slogan,color: getRandomColor(),font: getRandomFont(),size: getRandomSize(),};logos.push(logo);}// 在徽标预览中显示第一个徽标const logo = logos[0];logoPreview.innerHTML = ` `;// 更新下载按钮的链接downloadButton.setAttribute('href', 'logo-preview.png');};const getRandomColor = () => {const colors = ['000', 'fff', 'ff0000', '00ff00', '0000ff', 'ffff00', '00ffff', 'ff00ff'];return colors[Math.floor(Math.random() colors.length)];};const getRandomFont = () => {const fonts = ['Arial', 'Helvetica', 'Times New Roman', 'Courier New', 'Georgia', 'Palatino', 'Verdana', 'Trebuchet MS'];return fonts[Math.floor(Math.random() fonts.length)];};const getRandomSize = () => {const sizes = [12, 14, 16, 18, 20, 22, 24, 26, 28, 30];return sizes[Math.floor(Math.random() sizes.length)];};const refreshLogos = () => {createLogo();};const downloadLogo = () => {const logo = logos[0];// 创建一个新的画布const canvas = document.createElement('canvas'); canvas.width = 200;canvas.height = 200;// 获取画布上下文const ctx = canvas.getContext('2d');// 设置字体和颜色ctx.font = `${logo.size}px ${logo.font}`;ctx.fillStyle = logo.color;// 在画布上绘制徽标ctx.fillText(logo.name, 10, 20);ctx.fillText(logo.slogan, 10, 40);// 将画布转换为图像const image = canvas.toDataURL('image/png');// 创建一个新的链接元素const link = document.createElement('a');link.href = image;link.download = 'logo.png';// 模拟点击链接link.click();};companyNameInput.addEventListener('input', refreshLogos);sloganInput.addEventListener('input', refreshLogos);refreshButton.addEventListener('click', refreshLogos);downloadButton.addEventListener('click', downloadLogo);