渲染和保存图像的最佳方法

Question

我正在从事一个由网上商店组成的销售印刷电路板的项目。但是孔系统将是自动化的，并且能够在网上查看Gerber文件(Gerber是有pcb机器代码的文件)。

我需要选择最好的方式，以“输出”这个文件上传的用户，到网页。只用于在购买前查看PCB。

我已经完成了整个PHP代码来处理Gerber，但是，我无法确定该文件是否会被处理，然后：

• 我将保存为一个PNG文件(呈现将与PHP映像库{这是一个狗屎})，如果用户缩放，或做任何事情，它将不是完美的.(我需要高分辨率的渲染，需要很大的空间，也需要时间加载)
• 呈现为SVG文件(Vector )，并在HTML上显示为mbeded元素(它在所有新浏览器上工作吗？)(处理速度慢吗？)，SVG文件在绘制线条方面非常出色.
• 最后一种但并非最不重要的方法是创建一个JavaScript命令列表，它使用一个画布元素(我已经实现了它，并且工作得很好，但我不想认为，我实际上是在‘呈现’一个代码.)

无论如何，你认为我应该用什么，如果我没有用另一种方法，请告诉我！

下面是输出作为画布的一个示例(源是一个JavaScript函数对象，它有许多drawLine命令)：

​

​

Answer 1

我选择SVG文件，即使它比canvas慢，但考虑到这将不是实时绘图过程，因为用户与绘图对象的交互是一个很好的选择。SVG实际上是向量，因此大图像上的图像不会很脆。有一些非常好的库正在使用svg，例如：

http://processingjs.org

http://d3js.org/

http://fabricjs.com/

http://raphaeljs.com/

我认为d3是最好的之一。我绝对不会推荐PHP映像库。