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

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（每个人都应该忘记它）。