在网页上绘制任意图片

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

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

我不知道在哪里甚至开始，更不用说解决实际问题......

来源

2012-02-07 thecoop

我假设你可能是最好的使用从网站目录抓取任意/随机图片的JavaScript;并将其放置在您必须预定义的文档区域中。 – Bry6n 2012-02-07 15:00:39

你必须解释一点，在 – thecoop 2012-02-07 15:03:16

看@ Roy Dictus之前，我还没有真正使用JavaScript。基本上，这些文章应该告诉你如何去做我的建议。 – Bry6n 2012-02-07 15:05:05

这取决于目标浏览器上。

如果您定位了最新的浏览器，则可以使用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来生成图像）。

来源

2012-02-07 15:01:24

如果我后来想添加一些交互性（点击框对图像做些什么）会怎么样？ – thecoop 2012-02-07 15:02:54

然后它是一个完全不同的故事。然后我会看看HTML5的交互性或Silverlight或Flash。 – 2012-02-07 15:05:26

@thecoop，你只需要在标签上设置一个onClick（onClick =“theFunction（）”）属性或者你用来放置图片的任何标签。然后，你将编程该函数中发生的事情。 – Bry6n 2012-02-07 15:07:12

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

来源

2012-02-07 15:06:06 StriplingWarrior

在网页上绘制任意图片

回答

相关问题