javascript - 在网页上绘制任意图片

Question

我需要在网页上显示运行时生成的图像（主要由漂亮的框、线条和文本组成）。我们目前正在使用 ASP.NET MVC3。

问题是，我之前没有真正做过Web开发，也不知道如何在网页上绘制任意图。我使用某种 javascript 吗？如何，我用什么？我是否以某种方式在服务器上生成图像并简单地显示它？还有什么？

我不知道从哪里开始，更不用说解决实际问题了......

Answer 1

这取决于目标浏览器。

如果您针对最现代的浏览器，您可以使用 HTML5 画布并使用 JavaScript 在其上绘图（请参阅http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/）。

如果您的目标是其他浏览器（以及），最简单的方法可能是在服务器端生成图像（GIF/JPG/PNG）。然后，您的 HTML 页面包含一个 IMG 标记，其中 SRC 参数设置为生成和返回图像的页面。您可以在此页面找到一个示例：http ://www.sitepoint.com/generating-asp-net-images-fly/ （这使用 ASP.NET 生成图像）。

Answer 2

Roy Dictus 很好地描述了您将要采取的整体方法。如果您决定针对现代浏览器并使用 javascript，我建议您查看Processing.js。它是一个流行的 Java 库的 javascript 端口，网页上有一些代码示例，展示了如何使用一些简单的代码创建静态绘图和动画。