1

C# を使用して ASP.NET によって開発された Web ベースのアプリケーションでは、特定の領域 (ホットスポット) にハイパーリンクが埋め込まれた画像がすべてのユーザーに送信されます。メールを送信して、リンクで画像をマッピングすることができます。問題は、サイズの異なる別の画面を使用すると、ホットスポットが別の場所に移動したことです。直してほしいです。では、どうやってそれを行うのですか？

以下を使用して画像をマッピングしました。

 body += "<map id ='clickMap' name='clickMap'> " +
                     "<area shape ='rect' coords ='752,394,1394,491' href ='http://pmv/pssp/StartQuiz.aspx?testid=" + quizid + "' alt='Quiz' /></map>";

私のC＃メール機能：

protected void Page_Load(object sender, EventArgs e)
    {
        Send();
    }


    protected void SendEmail(string toAddresses, string fromAddress, string MailSubject, string MessageBody, bool isBodyHtml, AlternateView av)
    {
        SmtpClient sc = new SmtpClient("MAIL Server");
        try
        {
            MailMessage msg = new MailMessage();
            msg.From = new MailAddress("Test@MAILServer.com", "Test");


            msg.Bcc.Add(toAddresses);
            msg.Subject = MailSubject;
            msg.Body = MessageBody;
            msg.IsBodyHtml = isBodyHtml;
            msg.AlternateViews.Add(av);
            sc.Send(msg);
        }
        catch (Exception ex)
        {
            throw ex;
        }

    }

    protected void Send()
    {
        string connString = "Data Source=localhost\\sqlexpress;Initial Catalog=Test;Integrated Security=True";

        using (SqlConnection conn = new SqlConnection(connString))
        {
            var sbEmailAddresses = new System.Text.StringBuilder(2000);
            string quizid = "";

            // Open DB connection.
            conn.Open();

            string cmdText = "SELECT MIN (QuizID) As mQuizID FROM dbo.QUIZ WHERE IsSent <> 1";
            using (SqlCommand cmd = new SqlCommand(cmdText, conn))
            {
                SqlDataReader reader = cmd.ExecuteReader();
                if (reader != null)
                {
                    while (reader.Read())
                    {
                        // There is only 1 column, so just retrieve it using the ordinal position
                        quizid = reader["mQuizID"].ToString();

                    }
                }
                reader.Close();
            }

            string cmdText2 = "SELECT Username FROM dbo.employee";
            using (SqlCommand cmd = new SqlCommand(cmdText2, conn))
            {
                SqlDataReader reader = cmd.ExecuteReader();
                if (reader != null)
                {
                    while (reader.Read())
                    {
                        var sName = reader.GetString(0);
                        if (!string.IsNullOrEmpty(sName))
                        {
                            if (sbEmailAddresses.Length != 0)
                            {
                                sbEmailAddresses.Append(",");
                            }
                            // Just use the ordinal position for the user name since there is only 1 column
                            sbEmailAddresses.Append(sName).Append("@MailServer.com");
                        }
                    }
                }
                reader.Close();
            }

            string cmdText3 = "UPDATE dbo.Quiz SET IsSent = 1 WHERE QuizId = @QuizID";
            using (SqlCommand cmd = new SqlCommand(cmdText3, conn))
            {
                // Add the parameter to the command
                var oParameter = cmd.Parameters.Add("@QuizID", SqlDbType.Int);

                var sEMailAddresses = sbEmailAddresses.ToString();
                string link = "<a href='http://localhost/StartQuiz.aspx?testid=" + quizid + "'> Click here to participate </a>";
                string body = @"Good day, <br /><br />
                                <b> Please participate</b>"
                                    + link +
                                    @"<br /><br /> <h1>Picture</h1><br/><img src='cid:image1' usemap ='#clickMap' alt='Click HERE'>";


                body += "<map id ='clickMap' name='clickMap'> " +
                     "<area shape ='rect' coords ='752,394,1394,491' href ='http://localhost/StartQuiz.aspx?testid=" + quizid + "' alt='Quiz' /></map>";



            }
            conn.Close();
        }
    }
4

1 に答える 1

1

WIDTH と HEIGHT で画像サイズを指定し、その制約内で座標を指定します。

例として、元の画像サイズが 1600 X 1200 ピクセルであると仮定します。座標を使用したホットスポットは、ピクセル単位で coords ='752,394,1394,491' です。「img」タグで width=1600 と height=1200 を指定すると、ホットスポットは常に必要な場所に表示されます。

しかし、別のサイズを指定する必要がある場合、おそらく 800 x 600 にしたい場合は、それに応じて座標をスケーリングします...

int orig_width = 1600;
int orig_height = 1200;
int design_width = 800;
int design_height = design_width * orig_height / orig_width; // keeps aspect ratio, or just use 600

int coord_x1 = design_width * 752 / orig_width;
int coord_y1 = design_height * 394 / orig_height;
int coord_x2 = design_width * 1394 / orig_width;
int coord_y2 = design_height * 491 / orig_height;

...
string body = @"Good day, <br /><br />   
    <b> Please participate in the new short safety quiz </b>"   
    + link +   
    @"<br /><br /> <h1>Picture</h1><br/><img width='"
    + design_width +
    "' height='"
    + design_height +
    @"' src='cid:image1' usemap ='#clickMap' alt='Click HERE'>";   

// ...

body += "<map id ='clickMap' name='clickMap'> " +   
      "<area shape ='rect' coords ='"
      + coord_x1 + "," + coord_y1 + "," + coord_x2 + "," + coord_y2 +
      "' href ='http://localhost/StartQuiz.aspx?testid="
      + quizid + "' alt='Quiz' /></map>";
于 2012-07-29T10:02:55.570 に答える