From Figma to Breakdance SVG
document.getElementById(‘processBtn’).addEventListener(‘click’, function() {
const fileInput = document.getElementById(‘svgFile’);
const file = fileInput.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
const svgContent = e.target.result;
// Remove width and height attributes and fill colors
let processedSvg = svgContent
.replace(/]*?(\s+width=[“‘][^”‘]*?[“‘])([^>]*?)>/i, ‘‘)
.replace(/]*?(\s+height=[“‘][^”‘]*?[“‘])([^>]*?)>/i, ‘‘)
.replace(/\sfill=[“‘][^”‘]*?[“‘]/g, ”);
// Display the result
const resultTextarea = document.getElementById(‘result’);
resultTextarea.value = processedSvg;
resultTextarea.focus();
resultTextarea.select();
// Show download button
const downloadBtn = document.getElementById(‘downloadBtn’);
downloadBtn.style.display = ‘block’;
};
reader.readAsText(file);
}
});
document.getElementById(‘downloadBtn’).addEventListener(‘click’, function() {
const processedSvg = document.getElementById(‘result’).value;
const blob = new Blob([processedSvg], {type: ‘image/svg+xml’});
const url = URL.createObjectURL(blob);
const a = document.createElement(‘a’);
a.href = url;
a.download = ‘processed.svg’;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
});