原创 【學習筆記】1.2實現屏保效果
#include <stdio.h> #include <stdlib.h> #include <windows.h> int main() {
原创 Day-1-Blob構造對象
Blob構造對象 base64格式的圖片太大 可以使用Blob構造函數把圖片文件對象轉換成一個blob對象 var blob = new Blob([file]) //生成blob對象 var u
原创 Day-1-全屏顯示
全屏顯示 HTML5規範規定頁面中的任何元素可以全屏顯示 dom.requestFullScreen dom開啓全屏顯示 document.cancelFullScreen 關閉全屏顯示 (只能是document這個對象調用 )
原创 day-5-畫圖繪製視頻
畫圖 var canvas=document.getElementById('canvas'); var cxt=canvas.getContext('2d'); var oimg=new Image(); o
原创 Day-1-圖片上傳
圖片上傳顯示 input標籤type=“file” 支持文件上傳,multiple表示支持多文件同時上傳 <input type="file" multiple> 文件上傳會自動觸發input的onchange事件, files的
原创 day-6-自制動態時鐘
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <style> canva
原创 day-8-保存圖片
兩種保存圖片的方式: 第一種 download() //下載canvas圖片 function download(){ //創建a標籤 var link = document.c
原创 day-7-星空連線
項目示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{
原创 day-6-像素操作
注意:谷歌下無問題,其他瀏覽器因跨域出錯,暫未解決!!! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</t
原创 day-3-視頻音頻標籤
視頻音頻標籤 video 可以在頁面中插入一個視頻 audio 可以在頁面中插入一個音頻 css屬性 controls 顯示視頻的所有控件 autoplay 讓視頻自動播放 高版本瀏覽器需要加上muted屬性 poster 給視頻添加海報
原创 day-3-H5新增標籤
H5新增的標籤:(塊狀元素) 有語意的div <article> 標記定義一篇文章 <header> 標記定義一個頁面或者一個區域的頭部 <nav> 標記定義一個導航鏈接 <section> 標記定義一個區域 <aside> 標記定義頁面
原创 Day-2-拖拽原理
拖拽原理 H5拖拽有兩個部分組成 拖拽元素 + 目標元素 拖拽元素的事件 ondragstart 鼠標按下拖拽元素時觸發 常用 一般在這個事件中存儲數據 ondrag 在拖拽元素的過程中持續觸發 ond
原创 Day-1-網絡狀態
網絡狀態 HTML5提供兩個事件來檢測網絡狀態 這兩個事件檢測的都是window對象 online 網絡連接時 offline 網絡斷開時 實例代碼: <!DOCTYPE html> <html lang="en"> <head
原创 day-5-canvas繪圖
目錄 繪製長方形的兩種方法 繪製圓形 繪製線段 繪製二次貝塞爾曲線 繪製三次貝塞爾曲線 繪製圖片 繪製視頻 繪製文字 繪製文字陰影
原创 day-4-自定義播放控件
自定義播放控件 代碼所需css文件 鏈接: https://pan.baidu.com/s/1UGu6z-KIsIe3UXHKV6Cbkg 提取碼: 3qmb <!DOCTYPE html> <html lang="en">