U ovom ću postu pogledati kako rukovati logičkim operacijama vektorske grafike kao što su unija, razlika, presjek ili xor u HTML5 platnu. Booleove operacije vrlo su uobičajene i korisne za svakog dizajnera. Ako redovito koristite Adobe Illustrator za izradu grafičkih elemenata, morate biti upoznati s pločom Pathfinder koja vam omogućuje korištenje ovih operacija.
Zašto vektorske boolean operacije?
Recimo da želite dobiti presjek dvaju oblika. Jedan način razmišljanja o tome je iz perspektive bitmap slika. Možete pristupiti pojedinačnim pikselima i stvoriti masku slike ili koristiti jedan od mnogih načina stapanja (tj. množenje, razlika, itd.) Ovaj pristup sigurno funkcionira ako uglavnom radite sa slikama, ali ako je vaša grafika vektorska, onda, rukovanje raskrižjem booleovim operacijama, a ne pikselima, vratit će vam novostvorene vektorske oblike, koje možete dodatno uređivati manipuliranjem pojedinačnim točkama ili dodavanjem crte, na primjer.
Korištenje g.js
Bit će to prilično složeno implementirati sami, pa sam odlučio upotrijebiti biblioteku pod nazivom g.js. To je JavaScript grafička biblioteka iz Nodebox tima, a njezine jednostavne metode čine vrlo lakim izvođenje složenih operacija vektorske grafike. Prvo ću vam pokazati kako koristiti g.js za stvaranje staza i također kako na kraju kombinirati biblioteku s drugom bibliotekom p5.js koja se temelji na platnu.
erraticgenerator.com
Booleove vektorske operacije s HTML5 platnom
U ovom ću vodiču pogledati kako rukovati logičkim operacijama vektorske grafike kao što su unija, razlika, presjek ili xor u HTML5 platnu. Booleove operacije vrlo su uobičajene i korisne za svakog dizajnera.>
Vidi Također:
- Prilagođene glavice s vaše fotografije, od 59,95 USD, najbolji božićni darovi
- Korištenje Pythona za financije: kako analizirati maržu profitabilnosti
- Kako i gdje kupiti WINK (WIN) - jednostavan vodič korak po korak
- Čista ReactJS komponenta rotirajućeg izbornika
- Napravite TestNG XML datoteku i izvedite paralelno testiranje