Canvas Pad. Rectangles (simple shapes) HTML Canvas 2D Context specification: Section 8 Simple shapes (rectangles) context.clearRect(x, y, w, h) Clears all pixels on the canvas in the given rectangle to transparent black. context.fillRect(x, y, w, h) Paints the given rectangle onto the canvas, using the current fill style. context.strokeRect(x, y, w, h)) Paints the box that outlines the given rectangle onto the canvas, using the current stroke style. // Draw black rect ctx.fillRect(50, 20, 145, 145); // Draw blue rect ctx.fillStyle = "rgb(0, 162, 232)"; ctx.fillRect(135, 85, 125, 125); // Increase line width ctx.lineWidth = 5; // Draw black rect outline ctx.strokeStyle = "rgb(0, 0, 0)"; ctx.strokeRect(50, 335, 145, 145); // Draw blue rect outline ctx.strokeStyle = "rgb(0, 162, 232)"; ctx.strokeRect(135, 275, 125, 125); // Draw transparent yellow rect ctx.fillStyle = "rgba(255, 255, 0, 0.75)"; ctx.fillRect(210, 180, 125, 125);
COMMENT FAIRE un tableau scrollable avec entêtes fixes en html/css sans js. COMMENT FAIRE un tableau scrollable avec entêtes fixes en html/css sans js La question est beaucoup posée sur le net, et faut avouer que les réponses partent en un peu dans tous les sens.
Beaucoup font tout scroller, entêtes compris; d'autres d'en remettent à Javascript, tellement il semble nécessaire de "dynamiser" html pour avoir ce comportement de scrolling pas vraiment prévu dans la conception originelle de la table HTML. Les afficheurs HTML/CSS actuels sont pourtant bien capables de faire scroller un tableau avec entêtes fixes, faut juste leur demander gentiment. Attention solution fonctionnelle sur un navigateur normal (comme FF), c'est à dire supportant CSS3 ! A adapter pour les autre navigateurs (ou pas). Composer tout d'abord un tableau distinguant bien entête et corps : thead et tbody. Pas grave, il suffit ensuite de "tailler" les cellules avec des largeurs identiques pour aligner à nouveau.
Le code source est... dans la page, tout simplement. HTML Table Filter Generator script by Max Guglielmi.
L'évolution du Web. <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs. HTML5, aujourd’hui. L’article suivant est la retranscription de l’article que j’ai écrit pour le magazine PHP Solutions, dans le numéro hors série de 2011 consacré à HTML5.
Le monde compliqué du droit d’auteur veut que ce texte ne m’appartienne pas, c’est donc avec leur permission express que j’en fait bénéficier mes lecteurs (oui toi). Toute reproduction est donc interdite. Cet article se veut une introduction générale à HTML5, notamment pour les développeurs PHP qui sont généralement les mieux placés pour prendre au sérieux ce qu’il se passe au frontend. Si vous avez lu mon livre sur HTML5 ou que vous suivez déjà régulièrement l’actualité, je doute que vous y appreniez grand chose. Il explique : l’origine de la spécificationcomment les sites d’aujourd’hui peuvent en bénéficierle futur des applications Webles rares synergies entre HTML5 et PHP Historique Une définition variable Le terme même « HTML5 » couvre plusieurs définitions, et nous allons voir que le W3C a surpris tout le monde dans son choix final.
<?
<canvas> : Page de démonstration et tutoriel - <html5> par l'exemple - Le site français de démo des balises HTML5 et de test du support des navigateurs.