Recently Updated Pages
Els controllers
Per adaptar i millorar els controladors, implementarem una petita millora que fa ús de la classe ...
config\db.php
Aquí tens el contingut de l'arxiu de configuració de la base de dades, db.php, que defineix les c...
Configuració: db.php i database.php
L'arxiu de configuració db.php és simple i defineix en forma d'array la configuració de la connex...
Loader
Aquí teniu el codi de la classe Loader i una explicació detallada del seu funcionament. Aquest és...
config\Database.php
Per millorar la gestió de la base de dades i fer el codi més robust i reutilitzable, crearem una ...
Els controllers
A continuació, tenim els dos controladors presents en l'estructura MVC: el controlador de la pàgi...
Els models
Amb la classe Database orientada a PDO, el Model es transforma per utilitzar sentències preparade...
Les vistes
Les vistes són la part de l'MVC que conté el codi de presentació (HTML, CSS i JavaScript). L'únic...
Estructura bàsica MVC
Aquí tens l'esquema de l'estructura de directoris i arxius del projecte MVC, tal com es desprèn d...
Front controller: index.php
L'arxiu index.php faria d'entrada a l'aplicació i serà l'encarregat de carregar els arxius necess...
Exemple: Un text amb reflex
Aquest codi combina tres transformacions clau per aconseguir un efecte visual concret: l'efecte d...
Transformant el sistema de coordenades (translate, rotate, scale)
Les transformacions translate(), rotate(), i scale() són el fonament de qualsevol dibuix complex ...
Ombres i degradats
Ombrejat (Shadows) Les propietats d'ombra del Canvas afecten qualsevol operació de dibuix poster...
Exemple: Rellotge analògic animat
Dibuixar un rellotge amb Canvas és ideal perquè no cal calcular les coordenades X i Y de la punta...
Ajust de text automàtic. Word wrapping
El mètode ctx.measureText().width no només serveix per escalar text, sinó que és l'única eina dis...
Aprofundiment en ctx.measureText(text)
ctx.measureText() ens permet adaptar dinàmicament la mida del text a un contenidor. Aquesta és la...
Text dins canvas
El Canvas ofereix un control excel·lent sobre l'aparença i, especialment, la posició exacta del t...
Linea discontinua animada
El mètode ctx.lineDashOffset és perfecte per crear la il·lusió d'una línia que es mou, com si fos...
Línies discontinues
Una manera molt enginyosa de fer línies discontínues és utilitzant un bucle for i crides repetide...
Exemple: Les el·lipses
El mètode ctx.ellipse() és la manera moderna i preferida per dibuixar òvals i el·lipses al Canvas...