読者です 読者をやめる 読者になる 読者になる

だるろぐ

とてもだるだるした日記です http://about.daruyanagi.jp/

お知らせ

WebMatrix 3: Response.OutputStream

WebMatrix ASP.net Web Pages

f:id:daruyanagi:20131014003724p:plain

動的に画像を出力したい、という場合はこんな感じでいいのかな。以下は「~/Download/あほー」にアクセスると、「あほー」と描かれた画像を出力する例。

@using System.Drawing

@{
    var text = UrlData[0] == string.Empty ? "Sample" : UrlData[0];

    try
    {
        var bitmap = new Bitmap(600, 480);

        using (var g = Graphics.FromImage(bitmap)) {
        using (var font = newFont("Meiryo", 24)) 
        {
            var rect = new RectangleF(0, 0, 600, 480);
            var format = StringFormat.GenericDefault;
            format.Alignment = StringAlignment.Center;
            format.LineAlignment = StringAlignment.Center;

            g.FillRectangle(
                Brushes.CornflowerBlue,
                rect
            );

            g.DrawString(
                text, font, 
                Brushes.AntiqueWhite,
                rect, format
            );
        } }

        bitmap.Save(
            Response.OutputStream,
            Imaging.ImageFormat.Png
        );

        Response.ContentType = "image/png";
        Response.Flush();
        Response.End();
    }
    catch (Exception e)
    {
        Response.ContentType = "text/plain";
        Response.Write(e);
        Response.End();
    }
}

f:id:daruyanagi:20131014003819p:plain

関係ないけれど、Razor だと using 句の {} が省略できない(if などのほかの制御文でも同じ)なので、using 句を連続して使う場合はネストが深くなる。仕方ないけれど、気持ち悪い。

静的な画像を出力する場合。

@{
    try
    {
        var path = Server.MapPath(@"~/Images/image.jpg");
        var bitmap = new System.Drawing.Bitmap(path);

        bitmap.Save(
            Response.OutputStream,
            System.Drawing.Imaging.ImageFormat.Png
        );

        Response.ContentType = "image/png";
        Response.Flush();
        Response.End();
    }
    catch (Exception e)
    {
        Response.ContentType = "text/plain";
        Response.Write(e);
        Response.End();
    }
}

f:id:daruyanagi:20131014003954p:plain

エラーを起こしてみた。

f:id:daruyanagi:20131014004024p:plain

実際に、Visual Studio でデバッグしてみてもちゃんと動作するので、安心してIIS 5.0に持って行ってみると、「GDI+で一般的なエラーが発生しました」というエラーを吐き出す。

いろいろと試してみたところ、MemoryStream に一度書き出してからOutputStreamへ送り込めば大丈夫。おそらく、原因は OutputStream がシークと読み取りを禁止している点。Image クラスの Save メソッド内で読み返しが行われているのか、CanSeek / CanReadをチェックしているのかは不明ですが、直接書き出すのは無理っぽい。

「ASP.NETで動的に画像を作る」でハマった - うぃずのひとりごと

試してはないけど、こういうハマりどころもあるみたい。「気をつけねば」*1

*1:そもそも ASP.NET で GDI+ 使うのはあんまりよくないって聞いたこともある気がする