Canvas
Zīmēšanas rīks pārlūkā ar brīvu zīmēšanu, SVG foniem un pilnu krāsu paleti. Darbojas gan datorā, gan skārienekrānā.
- Mana loma
- Saskarnes izstrāde
- Platforma
- Tīmeklis
- Projekts
- Zīmēšanas rīks
Par projektu
Ideja
Ātra skice var palīdzēt izskaidrot ideju. Canvas apvieno brīvu zīmēšanu, figūras, bultas un tekstu pārlūka darba vidē, kas atbalsta gan peli, gan skārienvadību. Izveidoju to kā personīgu projektu, lai apgūtu Vue.js un mijiedarbību ar zīmēšanas laukumu.
Risinājums
Lietotāji var zīmēt, atlasīt un izkārtot objektus, mainīt krāsas un fonus, kā arī saglabāt vai eksportēt savus darbus. Rīki ir piemēroti gan ātrām diagrammām, gan brīvām skicēm, un rediģēšanas vadīklas atrodas līdzās darba laukumam.
Izstrāde
Lietotne veidota ar Vue.js un TypeScript. Fabric.js nodrošina zīmēšanu un objektu pārvaldīšanu, bet Pinia pārvalda lietotnes stāvokli. Pievienoju pielāgotu brīvās zīmēšanas režīmu, lai uzlabotu līniju veidošanu. Lietotne ir izvietota GitHub Pages, un turpinu pilnveidot tās rīkus un mijiedarbību.
Izmantotās tehnoloģijas
- Vue.js
- TypeScript
- Pinia
- GitHub Pages
- Fabric.js