Ajax sleutelhanger

@font-face { font-family: ‘HeadingSmallcaseProBold’; src: url(‘https://soccerclubkeychains.nl/wp-content/uploads/2025/06/Heading-Smallcase-Pro-Bold-iF67d95b53da94f.ttf’) format(’truetype’); font-weight: bold; font-style: normal; } body { font-family: Arial, sans-serif; text-align: center; padding: 20px; background: #f9f9f9; } input[type=”text”], input[type=”number”] { font-size: 16px; padding: 8px; margin: 10px 5px; width: 200px; } canvas { width: 300px; /* weergavegrootte */ height: 400px; border: 1px solid #ccc; margin-top: 20px; display: block; margin-left: auto; margin-right: auto; background: white; }

Voorvertoning gepersonaliseerde sleutelhanger

const nameInput = document.getElementById(‘nameInput’); const numberInput = document.getElementById(‘numberInput’); const canvas = document.getElementById(‘hangerCanvas’); const ctx = canvas.getContext(‘2d’); const background = new Image(); background.crossOrigin = “anonymous”; background.src = ‘https://soccerclubkeychains.nl/wp-content/uploads/2025/06/ajax-foto-scaled.png’; const font = new FontFace(‘HeadingSmallcaseProBold’, ‘url(https://soccerclubkeychains.nl/wp-content/uploads/2025/06/Heading-Smallcase-Pro-Bold-iF67d95b53da94f.ttf)’); font.load().then(loadedFont => { document.fonts.add(loadedFont); if (background.complete) { draw(); } else { background.onload = draw; } nameInput.addEventListener(‘input’, draw); numberInput.addEventListener(‘input’, draw); }); function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.drawImage(background, 0, 0, canvas.width, canvas.height); ctx.fillStyle = ‘#000000’; ctx.textAlign = ‘center’; ctx.textBaseline = ‘middle’; let naam = nameInput.value.trim().toUpperCase().slice(0, 10); const maxWidth = canvas.width * 0.44; let fontSize = 97.5 * 2; // 195 do { ctx.font = `bold ${fontSize}px HeadingSmallcaseProBold`; if (ctx.measureText(naam).width 20); ctx.fillText(naam, canvas.width / 2 + 4.5, canvas.height / 2 – 210); let nummer = parseInt(numberInput.value, 10); if (isNaN(nummer) || nummer 99) nummer = 99; else nummer = nummer.toString(); fontSize = 247.5 * 2; // 495 do { ctx.font = `bold ${fontSize}px HeadingSmallcaseProBold`; if (ctx.measureText(nummer).width 20); ctx.fillText(nummer, canvas.width / 2 + 1.5, canvas.height / 2 + 210); }

Een Ajax sleutelhanger met jouw naam erop. Op de voorkant het clublogo. Op de achterkant de naam en het rugnummer dat jij invult. In de voorvertoning hierboven zie je dat voordat je bestelt.

Formaat 4,4 x 5 cm. Past aan een sleutelbos of in een sporttas.

Ajax sleutelhanger met naam?

Kies bij bestellen:

• alleen een naam
• alleen een rugnummer
• naam en rugnummer
• of helemaal blanco

Tip: houd de naam kort. Langer dan zo’n 10 letters wordt krap op de achterkant.

Cadeau voor een Ajax-supporter

Het werkt als cadeau omdat het herkenbaar is als Ajax én van die persoon is. Verjaardag, einde seizoen, Sinterklaas, of zomaar tussendoor.

Geen officiële clubmerchandise.

Wat zit erop

• Clublogo op de voorkant
• Naam, rugnummer, of allebei op de achterkant
• 4,4 x 5 cm