Rough.js rende grafica disegnata a mano con tela e SVG
È incredibile vedere quanto il Web sia arrivato con elementi dinamici come gli SVG nel browser . Puoi progettare qualsiasi cosa, dalle animazioni personalizzate ai giochi HTML5 con le librerie giuste.
Una delle più recenti librerie che valga la pena provare è Rough.js . È uno script di generazione grafica gratuito attualmente in beta che funziona su elementi canvas e SVG .
È possibile creare icone personalizzate, grafici a barre, praticamente tutto ciò che si desidera tutto in codice. E il risultato finale assume una splendida sensazione disegnata a mano .
Al momento della stesura di questo, Rough.js è ancora in v0.1 beta, quindi potrebbe non essere pronto per un sito di produzione dal vivo . Ma è una prova che gli standard web stanno progredendo velocemente e stiamo entrando in un'epoca in cui questo tipo di cose è possibile.
Prendi ad esempio questa barra di avanzamento generata attraverso Rough.js. Se fai clic sul pulsante "Start" noterai che esegue un'animazione personalizzata che sembra davvero disegnata a mano . Usa le linee SVG con pattern predefiniti per creare un effetto traballante che sembra davvero naturale.
Nella pagina principale di GitHub, troverai una sezione che elenca molti esempi di Rough.js in azione .Tutti questi sono dotati di esempi di codice e dovrebbero essere abbastanza facili da rielaborare per qualsiasi sito web . Tutto ciò di cui hai bisogno è il file di script Rough.js e un po 'di pazienza nel pasticciare con JavaScript.
Ecco un esempio di snippet che dimostra come creare un rettangolo nel codice :var rough = new RoughCanvas (document.getElementById ('myCanvas'), 400, 200); rough.rectangle (10, 10, 200, 200); // x, y, larghezza, altezza
Abbastanza semplice una volta capito il codice ma probabilmente non lo script più intuitivo per i principianti.
Se desideri più frammenti di codice e demo di esempio, controlla la home page di Rough.js . È il posto perfetto per iniziare a imparare e trovare frammenti di codice che puoi rielaborare.
Inoltre, se hai domande o suggerimenti per funzionalità aggiuntive, puoi inviare un messaggio al creatore di Rough.js su Twitter @preetster.
10 blog che aspirano gli imprenditori dovrebbero leggere
La strada per il successo è lunga e molte persone pensano che avere la propria attività sia la chiave, una scorciatoia. È vero, ma è uno dei percorsi più difficili da intraprendere, soprattutto quando non hai abbastanza esperienza e risorse da utilizzare.Per fortuna, ci sono imprenditori là fuori che passano volentieri parte del loro tempo a scrivere sul proprio blog per fornire guide, consigli e risorse utili a chi ha sogni. Se t
6 Alternative di LinkedIn per far crescere la tua rete professionale
Che tu sia una persona ben istruita con un'adeguata esperienza lavorativa o un neolaureato senza esperienza, potresti aver bisogno di un po 'più di aiuto per proiettarti nelle persone giuste . Il social networking è diventato parte integrante della nostra vita quotidiana ed è davvero importante per tutti i professionisti raccogliere i frutti.Ci