首頁 web前端 html教學 src和background的差別在哪裡

src和background的差別在哪裡

Sep 21, 2018 pm 05:37 PM

我們都知道想在頁面中加入圖片,可以使用src,還可以透過background,那這兩者都可以加入圖片,它們有什麼不同呢?接下來就跟大家聊聊src和background的差別,有興趣的朋友可以看看,歡迎按讚留言。

ImageView中XML屬性src和background的區別:

background會根據ImageView元件給定的長寬進行拉伸,而src就存放的是原圖的大小,不會進行拉伸。 src是圖片內容(前景),bg是背景,可以同時使用。

此外:scaleType只對src起作用;bg可設定透明度,例如在ImageButton中就可以用android:scaleType控制圖片的縮放方式,範例程式碼如下:

<ImageView android:id="@+id/img"?
android:src="@drawable/logo"
android:scaleType="centerInside"
android:layout_width="60dip"
android:layout_height="60dip"
android:layout_centerVertical="true"/>
登入後複製

說明:centerInside表示按比例縮放圖片,使得圖片長?(寬)的小於等於視圖的對應維度。

注意:控制的圖片為資源而非背景,即android:src="@drawable/logo",而非android:background="@drawable/logo"。程式中動態載入圖片也類似,如:應該imgView.setImageResource(R.drawable.*);而非imgView.setBackgroundResource(R.drawable.*)

#附:更詳細的scaleType說明:

CENTER /center在視圖中心顯示圖片,並且不縮放圖片

CENTER_CROP/ centerCrop 按比例縮放圖片,使得圖片長?(寬)的大於等於視圖的相應維度

CENTER_INSIDE/ centerInside 按比例縮放圖片,使得圖片長?(寬)的小於等於視圖的相應維度

FIT_CENTER/ fitCenter 按比例縮放圖片到視圖的最小邊,居中顯示

# FIT_END/ fitEnd 按比例縮放圖片到視圖的最小邊,顯示在視圖的下部分位置

FIT_START/ fitStart 把圖片按比例擴大/縮小到視圖的最小邊,顯示在視圖的上部分位置

FIT_XY/ fitXY 把圖片不按比例縮放到視圖的大小顯示

MATRIX/ matrix 用矩陣來繪製

以上是src和background的差別在哪裡的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

src和href是什麼意思 src和href是什麼意思 Aug 16, 2023 pm 05:00 PM

src和href分別是,1、src是source的縮寫,用來指定外部資源的路徑,通常用於嵌入外部文件,例如圖片、音訊、視訊等,src屬性一般用在img、script、iframe等標籤上;2、href是hypertext reference的縮寫,用於指定超連結的目標資源的路徑,通常用於連結到外部文件或其他頁面,href屬性一般用在a、link等標籤上。

如何使用CSS實現元素的旋轉背景圖動畫效果 如何使用CSS實現元素的旋轉背景圖動畫效果 Nov 21, 2023 am 09:05 AM

如何使用CSS實現元素的旋轉背景圖動畫效果背景圖動畫效果可以增加網頁的視覺吸引力和使用者體驗。本文將介紹如何使用CSS實現元素的旋轉背景圖動畫效果,並提供具體的程式碼範例。首先,我們需要準備一張背景圖,可以是任何你喜歡的圖片,例如一張太陽或電風扇的圖片。將該圖片儲存並命名為“bg.png”。接下來,建立一個HTML文件,並在文件中新增一個div元素,將其設定為

href和src發送的什麼請求 href和src發送的什麼請求 Aug 17, 2023 pm 02:20 PM

href和src發送的get請求。詳細說明:1、href屬性,用於指定連結的目標資源,引用外部樣式表會發送GET請求來獲取CSS文件,引用文檔會發送GET請求來獲取指定的HTML文件,引用圖像時它會發送GET請求來獲取指定的圖像檔案;2、src屬性,用於指定嵌入資源的URL,引用圖像時會發送GET請求來獲取指定的圖像文件,引用音頻它會發送一個GET請求來獲取指定的音頻文件等等。

src屬性和href屬性在功能和用法上的差異有哪些? src屬性和href屬性在功能和用法上的差異有哪些? Dec 28, 2023 am 08:20 AM

src屬性和href屬性是在HTML中常用的屬性,用來載入外部資源。雖然它們有相似的目的,但在使用和用途上有一些不同。 src屬性:src屬性用於指定要在文件中嵌入的外部資源,主要用於在HTML文件中引入外部腳本文件和媒體文件。它可以用於以下幾種情況:引入外部JavaScript檔案:透過src屬性,將外部的JavaScript檔案連結到HTML頁面。

src和href的差別究竟是什麼?快速了解! src和href的差別究竟是什麼?快速了解! Jan 06, 2024 pm 09:09 PM

src和href的差別究竟是什麼?快速了解!在網頁開發過程中,src和href是兩個常用的屬性。儘管它們看起來類似,但實際上有著不同的用途和適用場景。在本文中,我們將深入探討src和href的區別,並透過具體的程式碼範例來解釋它們。在HTML中,src是用來指定要嵌入或引用的外部資源的屬性,它通常用於引用映像、音訊、視訊或腳本檔案。與此不同,href是超鏈

了解src和href的不同點的重要細節! 了解src和href的不同點的重要細節! Jan 06, 2024 am 09:11 AM

src和href的差異,你不可不知的細節!在寫HTML頁面時,我們常常會遇到src和href這兩個屬性。它們都用於引用外部資源,例如腳本檔案、樣式檔案或圖片。雖然它們的用途相似,但它們在具體的用法和細節上卻存在一些差異。首先,src(source)屬性主要用於嵌入外部資源,例如圖片或腳本。它是用於指定資源的位址,並將其內容嵌入到目前文件中。而href(

什麼是src屬性和href屬性?它們有什麼區別? 什麼是src屬性和href屬性?它們有什麼區別? Dec 28, 2023 pm 03:18 PM

什麼是src屬性和href屬性?它們有什麼區別?在HTML中,src屬性和href屬性是兩個常用的屬性,用來引用外部資源。雖然它們在功能上有些相似,但在用法和引用資源類型上有一些區別。首先,讓我們來看src屬性。 src是source的縮寫,主要用於指定嵌入/引用外部資源的位址。它可以被應用在一些標籤,例如<script>、<img>

src和href有什麼差別 src和href有什麼差別 Oct 16, 2023 am 11:15 AM

src 和href 屬性都用於指定資源的位址,但用途和使用場景是不同:1、src屬性用於指定外部資源的位址,而href屬性用於指定超連結的目標位址;2、src屬性在引入媒體元素時使用,而href屬性通常用在<a> 標籤中;3、src屬性告訴瀏覽器去載入指定的資源,並將其嵌入到目前頁面中,而href屬性定義使用者點擊後要開啟的網頁、文件或其他資源的URL。

See all articles