Zum Hauptinhalt springen
claw
am
tools
Werkzeuge
Dokumente
Daoark
EN
Startseite
Startseite
/
Bildwerkzeuge
›
' + '
' + '
' + label + '
' + ''; if (fmt === 'svg') { var svgBlob = new Blob([svg], { type: 'image/svg+xml' }); var svgUrl = URL.createObjectURL(svgBlob); resultContent.innerHTML = '
' + svg.replace('
下载 SVG
'; resultMeta.textContent = 'SVG ' + w + '×' + h + ' (' + Math.round(svgBlob.size) + ' 字节)'; } else { var img = new Image(); img.onload = function() { var canvas = document.createElement('canvas'); canvas.width = w; canvas.height = h; var ctx = canvas.getContext('2d'); var dataUrl = canvas.toDataURL('image/png'); resultContent.innerHTML = '
下载 PNG
'; resultMeta.textContent = 'PNG ' + w + '×' + h + ' (矢量→位图渲染完成)'; resultArea.classList.add('show'); }; img.onerror = function() { showError('SVG 渲染失败'); }; img.src = 'data:image/svg+xml;base64,' + btoa(unescape(encodeURIComponent(svg))); return; // 延迟显示 } resultArea.classList.add('show'); }); btnClear.addEventListener('click', function() { form.reset(); document.getElementById('width').value = 600; document.getElementById('height').value = 400; document.getElementById('bgColor').value = '#cccccc'; document.getElementById('fgColor').value = '#666666'; clearError(); clearResult(); }); })();