WEB上显示图片,并按照相对坐标画点

Imgbox.cs 自定义控件,负责画点,保存图片,删除图片...

Imgbox.cs
using System;
using System.IO;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.ComponentModel;
using System.Drawing;
using System.Collections;


namespace test
{
    [ToolboxData("<{0}:Imgbox runat=server Width=100 Height=100></{0}:Imgbox>")]
    public class Imgbox : WebControl,System.Web.UI.INamingContainer
    {
        //公共の属性
        private string path = null;                    //ピクチャーの絶対的なパス
        private int inx = 100;                        //座標X割合
        private int iny = 100;                        //座標Y割合
        private int pointsize=10;                    //点のサイズ
        private ArrayList x = new ArrayList();        //点の座標X
        private ArrayList y = new ArrayList();        //点の座標Y
        private ArrayList colour = new ArrayList();    //点の色

        //私有の変数
        private string newFileName;                    //創建するファイル名
        private string newPath;                        //創建するファイルのパス
        private string folderPath;                    //フォルダのパス
        private string userIP;                        //クライアントのIP
        private string pcName;                        //クライアントのコンピュータ名
        private ulong milliSecond;                    //1900年1月1日から今までのミリ秒

        //私有の常数
        private const string FolderPathName="pictemp";    //フォルダ名
        private const ulong PassTime=600;                //削除ファイルの時間間隔(秒)
    
        Property#region Property
        public string Path
        {
            get
            {
                return path;
            }

            set
            {
                path = value;
            }
        }
        public int Inx 
        {
            get
            {
                return inx;
            }

            set
            {
                inx = value;
            }
        }
        public int Iny 
        {
            get
            {
                return iny;
            }

            set
            {
                iny = value;
            }
        }
        public ArrayList X
        {
            get
            {
                return x;
            }

            set
            {
                x = value;
            }
        }
        public ArrayList Y
        {
            get
            {
                return y;
            }

            set
            {
                y = value;
            }
        }
        public ArrayList Colour
        {
            get
            {
                return colour;
            }

            set
            {
                colour = value;
            }
        }
        public int Pointsize
        {
            get
            {
                return pointsize;
            }

            set
            {
                pointsize = value;
            }
        }
        #endregion

        protected override void CreateChildControls() 
        {

            //TimeSpan対象
            TimeSpan timespan=DateTime.Now.Subtract(Convert.ToDateTime("1900-01-01"));
            //1900年1月1日から今までのミリ秒
            milliSecond=(ulong)timespan.TotalMilliseconds;
            //クライアントのIP
            userIP=System.Web.HttpContext.Current.Request.UserHostAddress;
            //クライアントのコンピュータ名
            pcName=System.Net.Dns.Resolve(userIP).HostName;
            //創建するファイル名
            newFileName=pcName+milliSecond.ToString();
            //フォルダのパス
            folderPath=HttpContext.Current.Server.MapPath(".")+@"\"+FolderPathName+@"\";
            //創建するファイルのパス
            newPath=folderPath+newFileName+".jpg";
            //Image対象
            System.Web.UI.WebControls.Image img=new System.Web.UI.WebControls.Image();

            //フォルダを作ります
            if(FolderPathName.Trim().Length> 0) 
            { 
                try 
                { 
                    string CreatePath = folderPath.Trim('\\');
                    if(!Directory.Exists(CreatePath)) 
                    { 
                        Directory.CreateDirectory(CreatePath); 
                    } 
                } 
                catch 
                { 
                    throw; 
                } 
            } 

            if(path!=null)
            {    
                int point_x;
                int point_y;
                SolidBrush brush = new SolidBrush(Color.Empty);
                Bitmap image = new Bitmap (System.Drawing.Image.FromFile(path));
                Graphics graphics = Graphics.FromImage(image);
                graphics.DrawImage(image, 0, 0, image.Width, image.Height);

                //かきます
                for(int i=0;i<x.Count&&i<y.Count&&i<colour.Count;i++)
                {
                    brush.Color = ColorTranslator.FromHtml(colour[i].ToString());
                    point_x=Int32.Parse(x[i].ToString());
                    point_y=Int32.Parse(y[i].ToString());
                    graphics.FillEllipse(brush,image.Width*point_x/inx,image.Height*point_y/iny,pointsize,pointsize);
                }
                graphics.Dispose();

                //新しいファイルを保存します
                if(newPath!=null)
                {
                    image.Save(newPath);
                    image.Dispose();
                    img.ImageUrl = "./"+FolderPathName+"/"+newFileName+".jpg";
                    img.Width=this.Width;
                    img.Height=this.Height;
                    this.Controls.Add(img);
                }

                //古いファイルを削除します
                DirectoryInfo directory= new DirectoryInfo(folderPath);
                foreach(FileInfo oldFile in directory.GetFiles(pcName+"*.jpg"))
                {
                    timespan=DateTime.Now.Subtract(oldFile.LastAccessTime);
                    if(timespan.TotalSeconds>PassTime)
                    {
                        oldFile.Delete();
                    }
                }

            }
        }
    }
}

WebForm1.aspx 示例页面,测试用

WebForm1.aspx
<%@ Register TagPrefix="cc1" Namespace="test" Assembly="test" %>
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="test.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
    <HEAD>
        <title>WebForm1</title>
        <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
        <meta content="C#" name="CODE_LANGUAGE">
        <meta content="JavaScript" name="vs_defaultClientScript">
        <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
    </HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <FONT face="MS UI Gothic"><input id="file" style="Z-INDEX: 101; LEFT: 128px; WIDTH: 266px; POSITION: absolute; TOP: 24px; HEIGHT: 22px"
                    type="file" size="25" name="filename" runat="server"><INPUT id="File1" style="Z-INDEX: 126; LEFT: 504px; WIDTH: 266px; POSITION: absolute; TOP: 24px; HEIGHT: 22px"
                    type="file" size="25" name="filename" runat="server">
                <asp:label id="Label13" style="Z-INDEX: 125; LEFT: 432px; POSITION: absolute; TOP: 24px" runat="server">Picture2:</asp:label><asp:label id="Label12" style="Z-INDEX: 123; LEFT: 456px; POSITION: absolute; TOP: 136px" runat="server">Blue: #0000FF</asp:label><asp:label id="Label11" style="Z-INDEX: 122; LEFT: 456px; POSITION: absolute; TOP: 104px" runat="server">Green: #00FF00</asp:label><asp:label id="Label10" style="Z-INDEX: 121; LEFT: 456px; POSITION: absolute; TOP: 72px" runat="server">Red: #FF0000</asp:label><asp:textbox id="InY" style="Z-INDEX: 110; LEFT: 280px; POSITION: absolute; TOP: 104px" tabIndex="4"
                    runat="server" Width="48px"></asp:textbox><asp:textbox id="InX" style="Z-INDEX: 108; LEFT: 160px; POSITION: absolute; TOP: 104px" tabIndex="3"
                    runat="server" Width="48px"></asp:textbox><asp:label id="Label1" style="Z-INDEX: 102; LEFT: 40px; POSITION: absolute; TOP: 24px" runat="server">Picture1:</asp:label><asp:label id="Label2" style="Z-INDEX: 103; LEFT: 112px; POSITION: absolute; TOP: 64px" runat="server">Width:</asp:label><asp:textbox id="Width" style="Z-INDEX: 104; LEFT: 160px; POSITION: absolute; TOP: 64px" tabIndex="1"
                    runat="server" Width="48px"></asp:textbox><asp:label id="Label3" style="Z-INDEX: 105; LEFT: 224px; POSITION: absolute; TOP: 64px" runat="server">Height:</asp:label><asp:textbox id="Height" style="Z-INDEX: 106; LEFT: 280px; POSITION: absolute; TOP: 64px" tabIndex="2"
                    runat="server" Width="48px"></asp:textbox><asp:label id="Label4" style="Z-INDEX: 107; LEFT: 120px; POSITION: absolute; TOP: 112px" runat="server">InX:</asp:label><asp:label id="Label5" style="Z-INDEX: 109; LEFT: 240px; POSITION: absolute; TOP: 112px" runat="server">InY:</asp:label><asp:label id="Label6" style="Z-INDEX: 111; LEFT: 104px; POSITION: absolute; TOP: 224px" runat="server">Color:</asp:label><asp:label id="Label7" style="Z-INDEX: 112; LEFT: 40px; POSITION: absolute; TOP: 144px" runat="server">Point:</asp:label><asp:textbox id="X" style="Z-INDEX: 113; LEFT: 152px; POSITION: absolute; TOP: 144px" tabIndex="6"
                    runat="server" Width="224px"></asp:textbox><asp:label id="Label8" style="Z-INDEX: 114; LEFT: 120px; POSITION: absolute; TOP: 144px" runat="server">X:</asp:label><asp:label id="Label9" style="Z-INDEX: 115; LEFT: 120px; POSITION: absolute; TOP: 184px" runat="server">Y:</asp:label><asp:textbox id="Y" style="Z-INDEX: 116; LEFT: 152px; POSITION: absolute; TOP: 184px" tabIndex="7"
                    runat="server" Width="224px"></asp:textbox><asp:textbox id="TextBox1" style="Z-INDEX: 117; LEFT: 408px; POSITION: absolute; TOP: 160px"
                    runat="server" Visible="False"></asp:textbox><asp:button id="Button1" style="Z-INDEX: 118; LEFT: 392px; POSITION: absolute; TOP: 224px" tabIndex="9"
                    runat="server" Width="56px" Text="OK" ToolTip="10"></asp:button><asp:button id="Button2" style="Z-INDEX: 119; LEFT: 472px; POSITION: absolute; TOP: 224px" tabIndex="10"
                    runat="server" Width="56px" Text="Reset"></asp:button><asp:textbox id="Color_box" style="Z-INDEX: 120; LEFT: 152px; POSITION: absolute; TOP: 224px"
                    tabIndex="8" runat="server" Width="224px"></asp:textbox><cc1:imgbox id="Imgbox1" style="Z-INDEX: 124; LEFT: 40px; POSITION: absolute; TOP: 272px" runat="server"
                    Width="256px" Height="200px"></cc1:imgbox><asp:textbox id="TextBox2" style="Z-INDEX: 127; LEFT: 408px; POSITION: absolute; TOP: 192px"
                    runat="server" Visible="False"></asp:textbox><cc1:imgbox id="Imgbox2" style="Z-INDEX: 128; LEFT: 560px; POSITION: absolute; TOP: 272px" runat="server"
                    Width="216px" Height="200px"></cc1:imgbox></FONT></form>
    </body>
</HTML>

WebForm1.aspx.cs 示例页面后台,测试用

WebForm1.aspx.cs
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Windows.Forms;
using System.Diagnostics;
using System.Text.RegularExpressions;


namespace test
{
    /**//// <summary>
    /// WebForm1 の概要の説明です。
    /// </summary>
    public class WebForm1 : System.Web.UI.Page
    {
        protected System.Web.UI.WebControls.Label Label1;
        protected System.Web.UI.WebControls.Label Label2;
        protected System.Web.UI.WebControls.TextBox Width;
        protected System.Web.UI.WebControls.Label Label3;
        protected System.Web.UI.WebControls.TextBox Height;
        protected System.Web.UI.WebControls.Label Label4;
        protected System.Web.UI.WebControls.TextBox InX;
        protected System.Web.UI.WebControls.Label Label5;
        protected System.Web.UI.WebControls.TextBox InY;
        protected System.Web.UI.WebControls.Label Label6;
        protected System.Web.UI.WebControls.Label Label7;
        protected System.Web.UI.WebControls.Label Label8;
        protected System.Web.UI.WebControls.Label Label9;
        protected System.Web.UI.HtmlControls.HtmlInputFile file;
        protected System.Web.UI.WebControls.TextBox X;
        protected System.Web.UI.WebControls.TextBox Y;
        protected System.Web.UI.WebControls.TextBox TextBox1;
        protected System.Web.UI.WebControls.Button Button1;
        protected System.Web.UI.WebControls.Button Button2;
        protected System.Web.UI.WebControls.TextBox Color_box;
        protected System.Web.UI.WebControls.Label Label10;
        protected System.Web.UI.WebControls.Label Label11;
        protected System.Web.UI.WebControls.Label Label12;
        protected test.Imgbox Imgbox1;
        private string[] arrayX;
        private string[] arrayY;
        protected System.Web.UI.WebControls.Label Label13;
        protected System.Web.UI.HtmlControls.HtmlInputFile File1;
        protected System.Web.UI.WebControls.TextBox TextBox2;
        protected test.Imgbox Imgbox2;
        private string[] arrayC;

        private void Page_Load(object sender, System.EventArgs e)
        {
            // ページを初期化するユーザー コードをここに挿入します。
        }

        Web フォーム デザイナで生成されたコード#region Web フォーム デザイナで生成されたコード 
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: この呼び出しは、ASP.NET Web フォーム デザイナで必要です。
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /**//// <summary>
        /// デザイナ サポートに必要なメソッドです。このメソッドの内容を
        /// コード エディタで変更しないでください。
        /// </summary>
        private void InitializeComponent()
        {    
            this.Button1.Click += new System.EventHandler(this.Button1_Click);
            this.Button2.Click += new System.EventHandler(this.Button2_Click);
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion

        private void Button1_Click(object sender, System.EventArgs e)
        {        
            if(file.Value!="")
            {
                TextBox1.Text=file.Value;
            }
            if(TextBox1.Text!="")
            {
                Imgbox1.Path = TextBox1.Text;
            }
            Imgbox1.Width = Unit.Parse(Width.Text);
            Imgbox1.Height = Unit.Parse(Width.Text);    
            Imgbox1.Inx = Int32.Parse(InX.Text);
            Imgbox1.Iny = Int32.Parse(InY.Text);
            arrayX=X.Text.Split(',');
            arrayY=Y.Text.Split(',');
            arrayC=Color_box.Text.Split(',');
            Imgbox1.X=ArrayList.Adapter(arrayX);
            Imgbox1.Y=ArrayList.Adapter(arrayY);
            Imgbox1.Colour=ArrayList.Adapter(arrayC);

            if(File1.Value!="")
            {
                TextBox2.Text=File1.Value;
            }
            if(TextBox2.Text!="")
            {
                Imgbox2.Path = TextBox2.Text;
            }
            Imgbox2.Width = Unit.Parse(Width.Text);
            Imgbox2.Height = Unit.Parse(Width.Text);    
            Imgbox2.Inx = Int32.Parse(InX.Text);
            Imgbox2.Iny = Int32.Parse(InY.Text);
            Imgbox2.X=ArrayList.Adapter(arrayX);
            Imgbox2.Y=ArrayList.Adapter(arrayY);
            Imgbox2.Colour=ArrayList.Adapter(arrayC);
        }

        private void Button2_Click(object sender, System.EventArgs e)
        {    
            if(file.Value!="")
            {
                TextBox1.Text=file.Value;
            }
            if(TextBox1.Text!="")
            {
                Imgbox1.Path = TextBox1.Text;
            }

            if(File1.Value!="")
            {
                TextBox2.Text=File1.Value;
            }
            if(TextBox2.Text!="")
            {
                Imgbox2.Path = TextBox2.Text;
            }
        }
    }
}

Imgbox.xls 控件说明文档

Imgbox.xls
Imgbox クラス                
    Web ページ上にイメージを表示します。座標と色を指定しますによって、イメージで点を表示すります。            
                
カスタムパブリック プロパティ：                

    属性名    タイプ    既定値    説明
    Path    string    null    原画像の絶対パスを取得または設定します。
    Inx    int    100    相対座標Xを取得または設定します。
    Iny    int    100    相対座標Yを取得または設定します。
    Pointsize    int    10    点のサイズを取得または設定します。
    X    ArrayList    なし    点の座標Xの配列を取得または設定します。配列要素はstringタイプです。
    Y    ArrayList    なし    点の座標Yの配列を取得または設定します。配列要素はstringタイプです。
    Colour    ArrayList    なし    点の色の配列を取得または設定します。配列要素はstringタイプです。

継承メンバ：                

    .NET Framework クラス ライブラリ                
    System.Web.UI.WebControls.Image                Image メンバ を参照してください。

注意事項：                    
    ①webルート・ディレクトリの下で、pictempフォルダは読み書きの権限があります。