首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • canvas學習筆記之繪製簡單路徑

    canvas學習筆記之繪製簡單路徑

    1 線段（直線路徑）繪製線段一般步驟:moveTo(x,y) 移動畫筆到指定的座標點(x,y)lineTo(x,y) 使用直線連接當前端點和指定的座標點(x,y) stroke() 根據目前的畫線樣式，繪製目前或已經存在的路徑2 矩形路徑繪製
    2025-01-28
  • canvas因為圖片資源不在同一網域下而導致的跨域污染畫布的解決方法

    canvas因為圖片資源不在同一網域下而導致的跨域污染畫布的解決方法

    我們要繪製一張圖片，內容包含一張背景圖和一個動態產生的二維碼，前提是背景圖是專案本身的靜態資源，二維碼是服務端動態產生的，二者不在同一網域下。解決方法：把所有圖片都重新導向同一個網域下：let count = 0;let bgImg = do
    2025-01-28
  • 淺談關於html5中圖片拋物線運動的一些心得

    淺談關於html5中圖片拋物線運動的一些心得

    常見的, 物體/圖片做拋物線或更準確的說是沿貝塞爾曲線運動是H5開發中常見的需求, 那麼如何快速的根據設計稿計算出運動路徑是開發者首要解決的問題.我這邊H5開發常用的設計稿尺寸是640 * 1008, 那麼根據這個尺寸解決方案思路如下:1
    2025-01-28
  • 在canvas上實現元素圖片鏡像翻轉動畫效果的方法

    在canvas上實現元素圖片鏡像翻轉動畫效果的方法

    一、Canvas圖片水平鏡像翻轉效果預覽您可以狠狠的點擊這裡：canvas圖片水平鏡像翻轉動畫demodemo頁面中點擊圖片動畫效果可見。二、Canvas上實現圖片鏡像翻轉的實現CSS中要想實現元素的翻轉效果，比較簡單，例如我們希望某一張圖
    2025-01-28
  • html5 分層螢幕適配的方法

    html5 分層螢幕適配的方法

    設計大大，這次真的是照設計稿來了，因為現在，任何機子都是設計稿標準機！ 開發同學，這下你就直接唸設計稿標註就好了啦！螢幕適配螢幕適配應當指內容適配區及螢幕區間的適配關係。單螢幕適配有contain、cover 或fill，多螢幕
    2025-01-28
  • 詳解h5頁面在不同ios設備上的問題總結

    詳解h5頁面在不同ios設備上的問題總結

    最近在寫嵌入到小程式webview的一個h5頁面，是一個文章評論的功能，這個過程中，遇到很多兼容性的問題，在不同機型上的表現也很不一致，所以總結了以下這些問題，記錄下來，以便以後查看1、日期問題對於yyyy-mm-dd hh:mm:ss 這
    2025-01-28
  • html5呼叫app分享功能範例（WebViewJavascriptBridge）

    html5呼叫app分享功能範例（WebViewJavascriptBridge）

    小編接到領導任務，寫h5行動端活動頁面，點選頁面內容調取ios和Android開發自己寫的分享功能（包括微信、微信朋友圈、QQ、QQ空間等），包括用戶未登錄，讓其登入後才能分享，分享成功後發起請求給予優惠券功能，以下是所得到的經驗，僅供參考
    2025-01-27
  • 微信小程式「聖誕帽」的實現思維詳解

    微信小程式「聖誕帽」的實現思維詳解

    這兩天朋友圈被聖誕帽刷屏，這個小程式連微信官方都出來闢謠了，又一個現象級的玩意兒。從產品角度而言無疑是非常成功，但從技術角度而言是確實習以為常，創意很重要！簡單說一下想法：取得頭像，把頭像畫在Canvas裡面，接著往Canvas裡畫帽子，調
    2025-01-27
  • 快速實現一個簡單的canvas迷宮遊戲的範例

    快速實現一個簡單的canvas迷宮遊戲的範例

    前言（最近設計模式看的有點頭大，一直面對純js實在是有些枯燥-_-。所以寫一點有趣的東西調劑一下）現在canvas已經不算新鮮了，不過由於日常業務中並不常用，所以實踐不多，今天就分享一下，如何實現簡單canvas迷宮。這個例子是來自《htm
    2025-01-27
  • html5 canvas的繪製文字自動換行的範例程式碼

    html5 canvas的繪製文字自動換行的範例程式碼

    本文介紹怎麼解決canvas繪圖過程中，drawText的換行問題，先看一個大家平常在canvas繪製文字都會遇到的問題：一個150*100的canvas畫布，加個邊框明顯邊界
    2025-01-27
  • 淺談html5與APP混合開發遇到的問題總結

    淺談html5與APP混合開發遇到的問題總結

    背景在公司參與一個原生APP和h5混合開發的項目，本人在項目中負責h5部分，現將項目中遇到的問題總結如下：具體問題問題1：頁面滾動條問題問題描述web頁面在PC瀏覽器上瀏覽時有捲軸；但是，在行動裝置瀏覽器開啟時，沒有捲軸解決方法將頁面的最
    2025-01-27
  • canvas實現高階貝塞爾曲線(N階貝塞爾曲線產生器)

    canvas實現高階貝塞爾曲線(N階貝塞爾曲線產生器)

    寫在最前面由於原生的Canvas最高只支援到三階貝塞爾曲線，那麼我想加入多個控制點怎麼辦呢？ （即便大部分複雜曲線都可以用3階貝塞爾來模擬）與此同時，關於貝塞爾控制點的位置我們很難非常直觀的清楚到底將控制點設置為多少可以形成我們想要的曲線。本著
    2025-01-27
  • html5.2 dialog簡介詳解

    html5.2 dialog簡介詳解

    2017年12月24號， HTML5.2 標準固化，也代表行動端進入HTML5.3 規劃階段，雖然HTML5.2 固化了，但內部的一些新規範，在行動端的瀏覽器中的支援性還有待提高，這裡我們來看一個算是常用的新被納入標準的標籤吧，它就是
    2025-01-27
  • html5 利用canvas手寫簽名並保存的實作方法

    html5 利用canvas手寫簽名並保存的實作方法

    最近公司在做一個簽名的功能，主要用到了canvas畫線的功能結合移動端touch事件js部分是這樣的：window.onload = function() { new lineCanvas({ el: document.
    2025-01-27
  • 深入淺析HTML5中的article和section的差異

    深入淺析HTML5中的article和section的差異

    內容區塊是指將HTML頁面依邏輯分割後的單位。對於頁面網站來說，導航選單、文章正文、文章的評論等每一個部分都可稱為內容區塊。 article元素article元素代表文件、頁面或應用程式中獨立的、完整的、可以獨自被外部引用的內容。它可以是一
    2025-01-27
上一頁 163164165166167168169170171下一頁