如何在我的 Web 应用程序中的图像上书写答案

【问题标题】：How to write on an image in my web application如何在我的 Web 应用程序中的图像上书写
【发布时间】：2012-12-04 14:18:34
【问题描述】：

我使用以下代码在我的网络应用程序中加载图像：

    Bitmap oCanvas = (Bitmap)Bitmap.FromFile(Server.MapPath("Images\\2.jpg"));
    Graphics g = Graphics.FromImage(oCanvas);
    Response.ContentType = "image/jpeg";
    oCanvas.Save(Response.OutputStream, ImageFormat.Jpeg);
    Response.End();
    g.Dispose();
    oCanvas.Dispose();

现在如何用鼠标在此图像上书写并将结果保存为图像？

【问题讨论】：

标签： c# asp.net image mouse gdi

【解决方案1】：

为了让最终用户使用鼠标在图像上书写，您需要在页面上安装一个客户端 ActiveX 控件。这仅适用于 Windows PC，而且很快就会变得相当复杂。

另一种选择是将图像托管在 Flash 应用程序中，该应用程序可以在所有平台上运行（iOS 除外 :-) 您可以在此处找到一个示例：http://active.tutsplus.com/tutorials/games/create-a-basic-drawing-application-in-flash/

第三种选择是使用 HTML5 Canvas + 客户端 JavaScript。并非所有浏览器都支持 HTML5（预）标准。你可以在这里找到一个很好的例子：http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/#demo-complete，另一个在这里：http://www.codicode.com/art/how_to_draw_on_a_html5_canvas_with_a_mouse.aspx

祝你好运！

【讨论】：

我会让用户用光笔在那些图像上写字