找到 128 篇文章 適用於 HTML5

如何使用 FabricJS 設定線條動畫的持續時間?

Rahul Gurung
更新於 2022-10-25 09:02:08

276 次瀏覽

在本教程中,我們將學習如何使用 FabricJS 設定線條動畫的持續時間。線條元素是 FabricJS 提供的基本元素之一。它用於建立直線。由於線條元素在幾何上是一維的,並且不包含內部,因此它們永遠不會填充。我們可以透過建立 fabric.Line 的例項,指定線條的 x 和 y 座標,並將其新增到畫布上來建立線條物件。為了更改動畫文字的持續時間,我們使用 duration 屬性。語法 animate(property: String | ... 閱讀更多

使用 Video.js 建立響應式影片播放器

Prince Yadav
更新於 2022-10-12 12:26:10

5K+ 次瀏覽

在本教程中,我們將瞭解如何使用 video.js 建立響應式影片播放器。響應式影片播放器是指能夠根據螢幕大小調整自身大小的播放器。透過建立響應式影片播放器,我們確保影片播放器永遠不會從側面裁剪,並且始終完整呈現,無論裝置或螢幕尺寸如何。擁有一個一致的播放器也將增強終端使用者的觀看體驗。讓我們繼續本文的下一部分,並學習如何使用 video.js 使影片播放器響應式。建立響應式 ... 閱讀更多

使用 HTML5 影片時常用的影片格式

Yaswanth Varma
更新於 2023-10-11 16:47:36

367 次瀏覽

HTML 元素將支援影片播放的多媒體播放器嵌入文件中。您也可以將其用於音訊內容,但元素可能會提供更合適的使用者體驗。HTML5 標籤是一個很棒的補充。它使我們能夠在所有最新的瀏覽器中本地播放影片,而無需依賴 Flash 等外掛。它使硬體能夠訪問不支援 Flash 的網路影片。此外,它使以前無法在網路上播放的編解碼器成為可能。讓我們深入本文,進一步討論常用的影片格式 ... 閱讀更多

使用 HTML5 Canvas 建立文字的屬性

Yaswanth Varma
更新於 2023-10-11 16:22:23

184 次瀏覽

HTML5 canvas 元素支援點陣圖影像和 2D 圖形的動態、可指令碼化顯示。點陣圖使用低階過程模型進行更新。HTML5 Canvas 還幫助開發 2D 遊戲。HTML 元素用於在網頁上繪製圖形。讓我們深入本文,學習更多關於使用 HTML5 canvas 建立文字的資訊。使用 HTML5 Canvas 建立文字使用 fillText() 或 strokeText() 方法,或兩者的混合,在 HTML “canvas” 元素上新增文字。您可以使用各種文字設定,包括樣式、粗細、大小和字型,使用 ... 閱讀更多

autofocus HTML5 屬性的用法

Yaswanth Varma
更新於 2023-10-11 15:47:23

165 次瀏覽

我們從 HTML5 獲得了巨大的進步。現在可以使用基本的 HTML 來執行以前由 JavaScript 和 Flash 處理的任務,例如基本表單驗證、INPUT 佔位符以及音訊/影片。HTML 中的 autofocus 屬性允許我們在頁面載入時自動聚焦於元件,這是一個簡單的功能。當存在 autofocus 屬性時,頁面載入時 INPUT、TEXTAREA 或 BUTTON 元素已處於選中狀態。此屬性在主要目的是收集資訊的頁面上特別有用。Autofocus HTML5 屬性頁面載入或 a 時應聚焦元素 ... 閱讀更多

HTML5 中 datetime 和 datetime-local 的區別

Yaswanth Varma
更新於 2023-10-11 15:43:21

3K+ 次瀏覽

datetime-local 輸入與另一個輸入的不同之處在於它排除了時區。如果您的應用程式不關心時區,請使用 datetime-local。datetime 輸入型別仍在某些瀏覽器中普及。讓我們進一步瞭解 HTML5 中 datetime 和 datetime-local 之間的區別 HTML5 datetime HTML datetime 屬性定義了元素的機器可讀日期和時間。時間和日期以以下格式輸入:YYYY-MM-DDThh:mm:ssTZD。語法以下是 HTML datetime 的語法讓我們看看下面的示例 ... 閱讀更多

input type week 在 HTML5 中真的存在嗎?

Yaswanth Varma
更新於 2023-10-11 16:46:25

277 次瀏覽

標籤指定了一個使用者可輸入資料的欄位。最重要的表單元素是元素。根據 type 屬性,元素可以以多種不同的方式呈現。輸入元素表示一個星期輸入的欄位,因為它在其 type 屬性中具有值“week”。這些欄位可以透過允許使用者以圖形方式更新它的控制元件(例如日曆)在支援的瀏覽器中表示,而不是要求使用者將其作為字串輸入。讓我們深入本文,進一步討論 input type week ... 閱讀更多

使用 HTML5 Canvas 投射陰影

Yaswanth Varma
更新於 2023-10-11 18:02:38

1K+ 次瀏覽

在 HTML5 canvas 中,您可以向形狀、線條、文字和影像新增陰影,使其看起來更有深度。使用 HTML5 canvas 時,您可以使用以下 canvas 上下文屬性新增陰影。shadowOffsetX() shadowOffsetY() shadowColor() shadowBlur() shadowOffsetX() 該屬性可用於獲取或設定陰影相對於頁面的水平距離。您可以使用正數或負數來更改陰影的位置。零是預設值。語法以下是 shadowOffsetX() 的語法 ctx.shadowOffsetX = h_distance; 其中 h_distance 屬於水平距離 ... 閱讀更多

使用 HTML5 Canvas 繪製貝塞爾曲線

Yaswanth Varma
更新於 2023-10-11 17:48:18

621 次瀏覽

HTML5 Canvas 的 bezierCurveTo() 功能可用於生成貝塞爾曲線。貝塞爾曲線由上下文點、兩個控制點和一個結束點定義。與二次曲線相比,貝塞爾曲線使用兩個控制點而不是一個來指定,這使我們能夠建立更復雜的曲線。可以使用 lineWidth、strokeStyle 和 lineCap 屬性自定義貝塞爾曲線的樣式。什麼是貝塞爾曲線貝塞爾曲線可能出現在桌面出版和圖形程式中。貝塞爾曲線提供了更多形式的控制。因為曲線的起點遵循其 ... 閱讀更多

Macintosh 系統的 HTML5 字型

Yaswanth Varma
更新於 2023-10-11 17:13:35

119 次瀏覽

由於瀏覽器無需下載任何字型檔案(因為它已經在使用一種字型),因此預設情況下利用特定作業系統的系統字型可以提高效率。但這對任何網路安全字型都是適用的。系統字型具有與當前作業系統使用的字型匹配的優勢,使其在視覺上更令人愉悅。微軟列表中的一些字型也與 Macintosh 系統相容。它們是 Andale Mono、Arial、Arial Black、Comic Sans MS、Courier New、Impact、Trebuchet、Verdana、Symbol、Webdings 和 Times New Roman。這些字型… 閱讀更多

廣告

© . All rights reserved.