HtmlImage.Width Özellik
Tanım
Önemli
Bazı bilgiler ürünün ön sürümüyle ilgilidir ve sürüm öncesinde önemli değişiklikler yapılmış olabilir. Burada verilen bilgilerle ilgili olarak Microsoft açık veya zımni hiçbir garanti vermez.
Görüntünün genişliğini alır veya ayarlar.
public:
property int Width { int get(); void set(int value); };
public int Width { get; set; }
member this.Width : int with get, set
Public Property Width As Integer
Özellik Değeri
Resmin genişliği.
Örnekler
Aşağıdaki kod örneği, görüntülenen görüntünün genişliğini program aracılığıyla değiştirmek için özelliğinin nasıl kullanılacağını Width gösterir.
<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlImage Example</title>
<script language="C#" runat="server">
void Button_Click1(object sender, EventArgs e)
{
Image1.Height=500;
Image1.Width=1000;
}
void Button_Click2(object sender, EventArgs e)
{
Image1.Height=226;
Image1.Width=500;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlImage Example</h3>
<img id ="Image1"
src="Image1.jpg"
alt="Image 1"
runat="server"
style="width:500; height:226; border:5; text-align:center" />
<br /><br />
<button id="Button1"
onserverclick="Button_Click1"
runat="server">
Zoom Image
</button>
<button id="Button2"
onserverclick="Button_Click2"
runat="server">
Normal Size
</button>
</form>
</body>
</html>
<%@ Page Language="VB" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlImage Example</title>
<script language="VB" runat="server">
Sub Button_Click1(sender As Object, e As EventArgs)
Image1.Height = 500
Image1.Width = 1000
End Sub 'Button_Click1
Sub Button_Click2(sender As Object, e As EventArgs)
Image1.Height = 226
Image1.Width = 500
End Sub 'Button_Click2
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlImage Example</h3>
<img id ="Image1"
src="Image1.jpg"
alt="Image 1"
runat="server"
style="width:500; height:226; border:5; text-align:center" />
<br /><br />
<button id="Button1"
onserverclick="Button_Click1"
runat="server">
Zoom Image
</button>
<button id="Button2"
onserverclick="Button_Click2"
runat="server">
Normal Size
</button>
</form>
</body>
</html>
Açıklamalar
Height ve Width özellikleri iki şekilde kullanılabilir. Görüntü boyutu belirtimlerini tarayıcıya göndermek için ve Width özelliklerini kullanabilirsinizHeight. Görüntü yüklendiğinde tarayıcının sayfadaki öğelerin konumlarını yeniden hesaplaması gerekmediğinden bu işlem Web sayfasını daha hızlı görüntüler.
Görüntüyü ölçeklendirmek Height için ve Width özelliklerini de kullanabilirsiniz. Görüntünün fiziksel boyutundan farklı değerler kullanılırken, görüntü buna göre yeniden boyutlandırılır. Ancak, sayfanın görüntülemesi daha uzun sürdüğünden, görüntüyü ölçeklendirmek için bu yöntem önerilmez. Bunun yerine, görüntüyü fiziksel olarak ihtiyacınız olan boyuta yeniden boyutlandırın.
Varsayılan olarak, Width özellik piksel cinsinden ifade edilir, ancak pencere boyutunun yüzdesi olarak da ifade edilebilir.