在網頁上繪製任意圖片

我需要在網頁上顯示運行時生成的圖像（主要由漂亮的框，線和文本組成）。我們目前正在使用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

在網頁上繪製任意圖片

回答

相關問題