doodle canvas 線上塗鴉牆! - GitHub

doodle canvas 線上塗鴉牆! Contribute to vii120/doodle-canvas development by creating an account on GitHub. Skiptocontent {{message}} vii120 / doodle-canvas Public Notifications Fork 0 Star 0 doodlecanvas線上塗鴉牆! 0 stars 0 forks Star Notifications Code Issues 0 Pullrequests 10 Actions Projects 0 Wiki Security Insights More Code Issues Pullrequests Actions Projects Wiki Security Insights vii120/doodle-canvas Thiscommitdoesnotbelongtoanybranchonthisrepository,andmaybelongtoaforkoutsideoftherepository. master Branches Tags Couldnotloadbranches Nothingtoshow {{refName}} default Couldnotloadtags Nothingtoshow {{refName}} default 11 branches 0 tags Code Latestcommit   Gitstats 13 commits Files Permalink Failedtoloadlatestcommitinformation. Type Name Latestcommitmessage Committime dist     images     src     .gitignore     README.md     gulpfile.js     index.html     package-lock.json     package.json     Viewcode DoodleCanvas塗鴉畫布 Demo Intro DrawingTools Functions OnMobile Tools Reference README.md DoodleCanvas塗鴉畫布 Demo https://vii120.github.io/doodle-canvas/ Intro 使用canvas製作的塗鴉網站，且可儲存畫好的圖片 樣式參考了Yahoo!奇摩即時通的Doodle聊天情境 DrawingTools 顏色（color）：共有13種顏色可選擇，預設為黑色 粗細（size）：共有3種粗細可選擇，預設為最細 Functions ErasePages：清除畫布 SaveCanvas：將畫布儲存為png檔，圖片的背景為透明色 OnMobile 有別於電腦的滑鼠事件（mouseevent），在行動裝置上使用了觸控事件（touchevent）抓取觸控的變數 因為希望保持畫布的空間，故設定了畫布最小寬度為500px，樣式也有所調整 在使用螢幕寬度小於500px的行動裝置時，會自動縮放螢幕至適當的大小 為避免誤觸放大後無法還原，螢幕會關閉觸控縮放功能 並主動在行動裝置開啟網站時跳出提醒視窗告知 Tools 使用Pug及Sass撰寫HTM與CSS 使用Gulp任務管理工具 Reference Udemy：JavaScriptDrawonHTML5CanvasElement About doodlecanvas線上塗鴉牆! Resources Readme Stars 0 stars Watchers 1 watching Forks 0 forks Releases Noreleasespublished Packages0 Nopackagespublished Languages JavaScript 35.4% CSS 32.8% HTML 31.8% Youcan’tperformthatactionatthistime. Yousignedinwithanothertaborwindow.Reloadtorefreshyoursession. Yousignedoutinanothertaborwindow.Reloadtorefreshyoursession.