首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • 使用canvas來完成線性漸層和徑向漸層的功能的方法範例

    使用canvas來完成線性漸層和徑向漸層的功能的方法範例

    fillStyle的第二個使用情況就是漸層色的填滿。漸層色就分為線性漸層色和徑向漸層色。線性漸層:大致分為兩步驟這裡又會使用到canvas的兩個新的函數。第一步: 使用一個新的函數createLinearGradient( xstart，
    2025-02-05
  • Canvas引入跨域的圖片導致toDataURL()報錯的問題的解決

    Canvas引入跨域的圖片導致toDataURL()報錯的問題的解決

    本文介紹了Canvas引入跨域的圖片導致toDataURL()報錯的問題的解決，分享給大家，具體如下：【場景】用戶打開網頁，則請求騰訊COS（圖片伺服器）上的圖片。使用canvas繪圖。然後，用戶可以重新選擇圖片、裁剪、上傳。 【問題】圖片首
    2025-02-05
  • html5中去掉input type date預設樣式的方法

    html5中去掉input type date預設樣式的方法

    html5如何去掉input type date預設樣式，以下透過本文給大家詳細介紹，具體介紹如下所示：2.對日期時間控制項的樣式進行修改目前WebKit下有如下9個偽元素可以改變日期控制項的UI： ::-webkit-datetime-edi
    2025-02-05
  • 使用canvas對多圖片拼合併匯出圖片的方法

    使用canvas對多圖片拼合併匯出圖片的方法

    先說下canvas繪圖的基本方法,如下：const myCanvas = document.createElement(canvas); myCanvas.width = 400; myCanvas.height = 400;c
    2025-02-05
  • HTML5地理定位與第三方工具百度地圖的應用

    HTML5地理定位與第三方工具百度地圖的應用

    前言：看到了很多技術大牛和相關博客，很少關於HTML5的地理定位的描述，不知道他們是不願意提及還是使用的少的原因，我個人按一點點經驗總結了兩方面原因：第一、服務商方面的原因，因為HTML5的定位是由google提供的，由於google將大陸
    2025-02-05
  • HTML5實作簽到功能

    HTML5實作簽到功能

    Introduce(介紹)用戶簽到的H5例子（css+jquery，無圖片），由於網上找的的用戶簽到例子都不好，要不就是好多圖片組成的，要不就大量冗餘代碼，所以特意做了個簽到介面（行動端）。 User sign sample page for
    2025-02-04
  • 在HTML中使用JavaScript實例代碼

    在HTML中使用JavaScript實例代碼

    <script>标签在HTML5中script主要有以下几个属性：async，defer，charset，src，type，async（可选）：　　关键词：异步脚本，外部文件，立即下载；　　当标签中包含这个属性时会立即下载脚本（外部文件），
    2025-02-04
  • HTML5 WebSocket實作點對點聊天的範例程式碼

    HTML5 WebSocket實作點對點聊天的範例程式碼

    昨天使用HTML5的websocket與Tomcat實現了多人聊天，那是最簡單也是最基本的，其中註意的就是開發環境，要滿足jdk1.7和tomcat8，當然了tom7 的7.063也行！今天是國慶日的最後一天，苦逼的加班，繼續搞程式碼！令人欣慰
    2025-02-04
  • 詳解canvas繪圖時遇到的跨域問題

    詳解canvas繪圖時遇到的跨域問題

    當在canvas中繪製一張外鏈圖片時，我們會遇到一個跨域問題。範例如下：<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><title> crossorigin
    2025-02-04
  • 如何避免常見的6種HTML5錯誤用法

    如何避免常見的6種HTML5錯誤用法

    一、不要使用section作為div的替代品人們在標籤使用中最常見到的錯誤之一就是隨意將HTML5的<section>等價於<div>-具體地說，就是直接用作替代品(用於樣式)。在XHTML或HTML4中，我們常看到這樣的程式碼：
    2025-02-04
  • HTML檢測輸入已完成自動填入下一個內容的實作方法

    HTML檢測輸入已完成自動填入下一個內容的實作方法

    在上一個文章中簡易實現檢測輸入已完成，我們實現了檢測輸入已完成，現在我們再進一步，在此基礎上，實現檢測輸入已完成自動填寫下一個內容。當我們需要自動填寫的內容，不希望被改變的時候，需要加上readonly屬性。功能需求填寫報銷單據的時候只需填
    2025-02-04
  • CSS3 畫基本圖形，圓形、橢圓形、三角形等

    CSS3 畫基本圖形，圓形、橢圓形、三角形等

    CSS3 圓形#css3-circle{width: 150px;height: 150px;border-radius: 50%;background-color: #232323;}CSS3 橢圓形#css3-elipse{width:
    2025-02-04
  • 淺談HTML空鏈接的作用

    淺談HTML空鏈接的作用

    空鏈接：就是沒有目標端點的鏈接。格式<a href=#>顯示內容</a>空連接的作用1.設為首頁
    2025-02-04
  • HTML5 拖放（Drag 和Drop）詳解與實例代碼

    HTML5 拖放（Drag 和Drop）詳解與實例代碼

    簡介拖放是一種常見的特性，即抓取對像以後拖到另一個位置。在HTML5 中，拖放是標準的一部分，任何元素都能夠拖放。先點擊一個小例子：在用戶開始拖動<p>元素時執行JavaScript
    2025-02-04
  • html5使用canvas壓縮圖片的範例程式碼

    html5使用canvas壓縮圖片的範例程式碼

    前兩人天做了一個圖片轉base64上傳的功能，發現如果圖片的base64過大的話，請求會變的很慢，嚴重的直接超時了，所以想到了在上傳前壓縮一下圖片，然後再上傳到後台，這樣可以大大的提高效率，在這裡記錄利用canvas 壓縮圖片遇到的幾個
    2025-02-04
上一頁 154155156157158159160161162下一頁