免费生成高品质的公司 logo。
script.js
javascript
const form = document.querySelector('form');
const preview = document.querySelector('logo-preview');form.addEventListener('submit', (event) => {event.preventDefault();const formData = new FormData(form);const companyName = formData.get('company-name');const slogan = formData.get('slogan');const industry = formData.get('industry');const logo = generateLogo(companyName, slogan, industry);preview.innerHTML = logo;
});function generateLogo(companyName, slogan, industry) {lineTo(120, 180);ctx.closePath();ctx.fill();
}function drawEducationIcon(ctx) {// 绘制书本
图标ctx.fillStyle = 'red';ctx.beginPath();ctx.moveTo(100, 100);ctx.lineTo(200, 100);ctx.lineTo(200, 200);ctx.lineTo(100, 200);ctx.closePath();ctx.fill();// 绘制书签图标ctx.fillStyle = 'yellow';ctx.beginPath();ctx.moveTo(150, 120);ctx.lineTo(150, 180);ctx.lineTo(170, 180);ctx.lineTo(170, 120);ctx.closePath();ctx.fill();
}function drawMedicalIcon(ctx) {// 绘制十字架图标ctx.fillStyle = 'green';ctx.beginPath();ctx.moveTo(100, 100);ctx.lineTo(200, 200);ctx.moveTo(200, 100);ctx.lineTo(100, 200);ctx.closePath();ctx.fill();
}function drawFinanceIcon(ctx) {// 绘制美元符号图标ctx.fillStyle = 'gold';ctx.font = 'bold 72px Arial';ctx.fillText('$', 150, 175);
}function drawRetailIcon(ctx) {// 绘制购物车图标ctx.fillStyle = 'orange';ctx.beginPath();ctx.moveTo(100, 100);ctx.lineTo(200, 100);ctx.lineTo(200, 200);ctx.lineTo(120, 200);ctx.lineTo(120, 180);ctx.lineTo(180, 180);
ctx.lineTo(180, 120);ctx.lineTo(120, 120);ctx.closePath();ctx.fill();
}
标签:
公司logo免费生成器、
公司logo设计图片、
本文地址:
https://w6.hk/hlwzxwz/863.html
上一篇:商标logo设计软件商标logo设计...
下一篇:logo大全图片品牌标志logo大全...