Logo maker

https://www.blogger.com/blog/layout/1863906503428169747 document.write(''); document.write(''); CSS (styles.css):body { display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; } document.write(''); canvas { border: 1px solid #ccc; }JavaScript (script.js):const canvas = document.getElementById('logoCanvas'); const ctx = canvas.getContext('2d'); function drawCircle(x, y, radius, color) { ctx.beginPath(); ctx.arc(x, y, radius, 0, 2 * Math.PI); ctx.fillStyle = color; ctx.fill(); } document.write(''); function drawSquare(x, y, size, color) { ctx.fillStyle = color; ctx.fillRect(x, y, size, size); } // Example usage: drawCircle(100, 100, 50, 'blue'); drawSquare(250, 250, 50, 'red');This is a very basic example, and you would need to enhance it significantly for a functional logo maker. You might want to add user interaction, different shapes, colors, and more. Consider using libraries like Fabric.js or Konva.js for more advanced features. document.write(''); document.write('');