所以說一個人的命運啊秤标,當然要靠自我奮斗,但是也要考慮到歷史的行程。
canvas
- Canvas 元素具有兩套尺寸鸥跟,一個是元素本身的大小(頁面中canvas這個DOM節(jié)點占用的面積,實際的物理占用面積医咨,由CSS調(diào)控)枫匾,還有一個是元素繪圖表面的大小(Canvas畫布的可以容納Canvas元素的面積拟淮,即繪圖層的邏輯占用面積干茉,在聲明Canvas畫布的時候指定),當這兩個大小不一致的時候就會把繪圖表面大小縮放后兼容到Canvas元素本身大小很泊。所以如果CSS設(shè)置的大小大于Canvas指定大小則最終呈現(xiàn)會等比例放大角虫,反之等比例縮小。
Canvas原生屬性
width / height :Canvas繪圖表面長寬
getContext() : 返回Canvas元素相關(guān)的繪圖環(huán)境對象
toDataURL(type, quality) :返回一個數(shù)據(jù)地址可用做img標簽的src屬性委造。接受圖像類型參數(shù)和圖像質(zhì)量參數(shù)
toBlob(): 創(chuàng)建一個用于此canvas元素圖像文件的Blob. 瀏覽器會以一個指向blob的引用為參數(shù)調(diào)用回調(diào)函數(shù)戳鹅。后兩個參數(shù)類型同上
canvse
- 儲存Canvas狀態(tài) ,controlContext.save();和controlContext.restore();這兩個方法可以嵌套使用昏兆,采用棧儲存機制枫虏;
- 左鍵拖拉框選實現(xiàn):定義一個DIV元素,用于實現(xiàn)橡皮筋式選取框爬虱,初始狀態(tài)為空并且display: none 隶债。當用戶拖動鼠標時,應用程序會將第二個div設(shè)置為可見跑筝,繼續(xù)拖動的時候動態(tài)更改其大小死讹。
- Canvas繪制線段的時候主要使用moveTo和lineTo方法,但是要繪制一像素寬的線段的時候要繪制橫向線段時Y軸需要為某數(shù)值.5 繪制縱向線段的時候需要X軸為某數(shù)值.5 否則繪制出的的線會因為.5像素補全為1像素而變成兩像素寬继蜡。
應該是坑掉了0(:3 」∠ )