Question

 <svg width="360" height="180">
     <circle class="little" cx="234.14618999697268" cy="13.068148791790009" r="12" fill="#e7d59e"></circle>
     <circle class="little" cx="315.8937894925475" cy="12.226657052524388" r="12" fill="#c85768"></circle>
     <circle class="little" cx="320.8564972691238" cy="133.00350899342448" r="12" fill="#bc63de"></circle>
 </svg>

假设我有类似上面的SVG数据。有没有办法将其转换为JPEG或PNG等图像格式？我可以在PHP或Javascript中以IE8中的方式执行此操作吗？

Answer 1

您可以使用https://github.com/gabelerner/canvg或类似的库将svg绘制到画布，然后使用canvas.getImageData（）或canvas.toDataURL（）分别将实际图像作为像素数组或base64字符串。不需要PHP，但你可以忘记IE8（每个人都应该忘记它）。

如何将SVG图像转换为标准图像格式（如PNG或JPEG）？

1 个答案: