建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
畫布的使用方式-創(chuàng)新互聯(lián)
一、’注冊—登錄—主頁’作業(yè)中的技術(shù)點(diǎn)：
1、前端：
? （1）input file標(biāo)簽的樣式處理
? （2）文件類型的設(shè)置：accept屬性來指定
? （3）input file選擇的圖片立即顯示出來（不上傳）
//將input file得到的文件地址進(jìn)行轉(zhuǎn)換，轉(zhuǎn)換后不用經(jīng)過服務(wù)器端就可以直接訪問
window.URL.createObjectURL(imgFile.files[0])? （4）進(jìn)行請求的數(shù)據(jù)的封裝：使用FormData對象進(jìn)行封裝
2、后臺：使用formidable解析前端提交的FormData數(shù)據(jù)，解析方法是：
let form = new formidable.IncomingForm()
form.encoding = ‘utf8’
form.uploadDir = cacheFolder
form.keepExtensions = true
form.maxFieldsSize = 2 1024 1024 // 1K=1024B 1M=1024K
form.type = true //上傳文件的類型為只讀
form.parse(req,(err,field,files)=>{})
參數(shù)err：表示解析過程中的錯(cuò)誤信息
參數(shù)field：在前端通過formdata封裝的普通的key-value
參數(shù)files：用來解析formdata中封裝的信息
```
二、H5（HTML5）的新增技術(shù)
1、繪圖：畫布（canvas）的使用
2、畫布：頁面中用于繪制圖形的特殊區(qū)域，開發(fā)人員可以在這個(gè)區(qū)域內(nèi)進(jìn)行自定義圖形的繪制
? （1）創(chuàng)建畫布的方法：
? （2）獲取畫布：getElementById(‘canvas的id’)
? （3）獲取畫筆：使用context對象，語法格式是：
let context = canvas.getContext('2d') //context代表的是一支筆? （4）繪制直線：直線的起始點(diǎn)、直線的終點(diǎn)、描邊(設(shè)置線條的顏色)
你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧
網(wǎng)頁名稱：畫布的使用方式-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://www.dlmjj.cn/article/deiggi.html
