首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • HTML5開啟手機掃碼功能及優缺點

    HTML5開啟手機掃碼功能及優缺點

    1.解決的問題：1.能夠在微博客戶端呼起攝影機掃描二維碼並且解析;2.能夠在原生瀏覽器和微信客戶端中掃描二維碼並且解析;2.優點：web端或者是h5端可以直接完成掃碼的工作；3.缺點：圖片不清晰很容易解析失敗(拍照掃描圖片需要鏡頭離二維碼
    2025-01-27
  • 淺析canvas元素的html尺寸和css尺寸對元素視覺的影響

    淺析canvas元素的html尺寸和css尺寸對元素視覺的影響

    遇到的問題：html/11467.html">canvas元素變形失真的原因一個DOM元素有三種尺寸：style尺寸，html尺寸，css尺寸。使用canvas元素時，canvas元素預設寬高是300px * 150px。這裡的預設尺寸是
    2025-01-27
  • HTML頁面點選下載檔案的兩種實作方法

    HTML頁面點選下載檔案的兩種實作方法

    1.使用<a>標籤來完成</a><a href=/user/test/xxxx.txt download=文件名.txt>點擊下載</a>這樣當使用者開啟瀏覽器點擊連結的時候就會直接下載檔案。但有個狀況，像是txt,png,jpg等這些瀏覽器支
    2025-01-27
  • DIV的失去焦點(blur)實作方法

    DIV的失去焦點(blur)實作方法

    用防抖實現DIV滑鼠移出消失由於div標籤本身不支援onblur事件，所以對於點擊一個按鈕彈出的div，我們想要當這個div失去焦點的時候，讓它消失不能使用的onblur來實現。但可以利用onmouseout和事件來實現DIV失去焦點消失
    2025-01-27
  • 關於行動端頁面強制豎屏的方法

    關於行動端頁面強制豎屏的方法

    最近工作中寫了一個移動端的頁面，本來是沒什麼的，但是有一個要求感覺很奇怪，從前也沒有遇到過，就是我寫的這個頁面需要放在一個APP中，但是這個APP是橫屏的，開啟這個頁面的webview也是橫屏的（最新版的APP開啟的時候是垂直螢幕的webvie
    2025-01-27
  • web頁面錄影實現

    web頁面錄影實現

    在前面的話看到評論後，突然意識到自己沒有提前說明，本文可以說是一篇研讀學習文，是我自己感覺可行的一套方案，後續會去讀讀已經開源的一些類似的代碼庫，補足自己遺漏的一些細節，所以大家可以當作學習文，生產環境慎用。錄影畫面重現錯誤場景如果你的應用程式有
    2025-01-27
  • Html5內喚醒百度、高德APP的實作範例

    Html5內喚醒百度、高德APP的實作範例

    前幾天，聯合黑卡回饋了一個需求，需要在H5中打開百度APP或者是高德APP，於是我在網上查了相關文檔，下面放上鏈接： 1.高德地圖2.百度地圖具體思路就是點擊選擇地圖的時候，先去請求APP鏈接，800毫秒後無響應，再跳轉至H5鏈接。這樣的做
    2025-01-27
  • html5 canvas繪製放射性漸層色效果

    html5 canvas繪製放射性漸層色效果

    canvas有些地方還是有點坑的，例如fillRect是方法不是屬性，如果寫成fillRect=這樣是沒效果的，而且還不報錯....這裡用到了createRadialGradient這個API 這個API接收6個參數，前三個表示底下的圓，後
    2025-01-27
  • html5實現行動端適配完美寫法

    html5實現行動端適配完美寫法

    在pc版網頁(http://pc_url) 上，新增：<link rel=alternate media=only screen and(max-width: 640px) href=http://pc_url >在行動版網頁(http:/
    2025-01-26
  • Canvas 文字碰撞偵測並抽稀的方法

    Canvas 文字碰撞偵測並抽稀的方法

    需求背景一般在做地圖相關的需求是才會用到文字抽稀，我也是在為公司的地圖引擎實現一個功能時才實現了該方法，在這裡將其簡化了，就在普通的Canvas 上進行操作，並沒有引入地圖概念效果碰撞檢測計算文字在canvas 中所佔據的範圍// 計算
    2025-01-26
  • 詳解HTML5 錄音的踩坑之旅

    詳解HTML5 錄音的踩坑之旅

    開篇閒扯前一段時間的一個案例是開發一個有聲課件，大致就是透過導入文檔、圖片等資源後，頁面變為類似PPT 的佈局，然後選中一張圖片，可以插入音頻，有單頁編輯和全局編輯兩種模式。其中音訊的導入方式有兩種，一種是從資源庫中導入，還有一種就是要提
    2025-01-26
  • 基於HTML5 Canvas 實作商場監控實例詳解

    基於HTML5 Canvas 實作商場監控實例詳解

    伴隨國內經濟的高速發展，人們對安全的要求越來越高。為了防止下列情況的發生，您需要考慮安裝安防系統： 提供證據與線索：許多工廠銀行發生偷竊或事故相關機關可以根據錄影資訊偵破案件，這個是非常重要的一個線索。還有一些糾紛或事故，也可以透過錄影很
    2025-01-26
  • html Table 表頭固定的實現

    html Table 表頭固定的實現

    本文介紹了html Table 表頭固定的實現，分享給大家，具體如下：<div class=wrapbox><div class=table-head><table><thead>
    2025-01-26
  • 利用canvas實作圖片下載功能來實現瀏覽器相容問題

    利用canvas實作圖片下載功能來實現瀏覽器相容問題

    前言:專案中需要實現圖片下載功能，第一個想到的是使用a標籤的download屬性來實現，但是在不同瀏覽器下測試會發現，有的瀏覽器無效，點擊後直接預覽圖片，所以，上網找到了另一個與不同瀏覽器相容的圖片下載的方法，那就是利用canvas來處理圖
    2025-01-26
  • Html5原始俄羅斯方塊（基於canvas）

    Html5原始俄羅斯方塊（基於canvas）

    第一次寫俄羅斯方塊的時候已經是1年多前了，也是我剛學js不久。為了加強對js的理解又加上對遊戲的愛好，於是在沒有參考他人的想法和程式碼下，自己用最基本的js程式碼寫出了基於canvas的俄羅斯方塊。在大三的暑假，我又用了es6的文法進行了改進
    2025-01-26
上一頁 164165166167168169170171172下一頁