{"id":753,"date":"2015-11-25T15:56:18","date_gmt":"2015-11-25T15:56:18","guid":{"rendered":"http:\/\/wp.pixerecourt.fr\/?page_id=753"},"modified":"2021-11-10T09:27:54","modified_gmt":"2021-11-10T09:27:54","slug":"imagerie-numerique","status":"publish","type":"page","link":"https:\/\/wp.pixerecourt.fr\/cours-info\/imagerie-numerique\/","title":{"rendered":"Imagerie num\u00e9rique: Image vectorielle"},"content":{"rendered":"<h2>Images vectorielles.<\/h2>\n<p>Les images de ce type sont compos\u00e9es de forme g\u00e9om\u00e9triques primitives assembl\u00e9es entre elles. <strong>Il est donc plus adapt\u00e9 au dessin<\/strong>. On pourra appliquer facilement \u00e0 ces formes diff\u00e9rentes transformations: changement des couleurs, de taille, appliquer une bordure ...etc<\/p>\n<p>[gview file=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/ImageLion.svg\"]<\/p>\n<p>Les formats vectoriels sont tr\u00e8s utilis\u00e9s pour des images simples, mais ne peuvent pas \u00eatre utilis\u00e9s pour encoder des images plus complexe (par exemple des photos...)<\/p>\n<p>On manipule ce type d'image, par exemple pour dessiner dans un traitement de texte:<\/p>\n<p><figure id=\"attachment_316\" aria-describedby=\"caption-attachment-316\" style=\"width: 566px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/barre-doutil-libreoffice.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-316\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/barre-doutil-libreoffice.jpg\" alt=\"La barre d'outil du traitement de texte libreoffice writer: permet d'ajouter fl\u00e8che, carr\u00e9 et autres objets vectoriels\" width=\"566\" height=\"83\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/barre-doutil-libreoffice.jpg 566w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/barre-doutil-libreoffice-300x43.jpg 300w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/a><figcaption id=\"caption-attachment-316\" class=\"wp-caption-text\">La barre d'outil du traitement de texte libreoffice writer: permet d'ajouter fl\u00e8che, carr\u00e9 et autres objets vectoriels<\/figcaption><\/figure> <figure id=\"attachment_317\" aria-describedby=\"caption-attachment-317\" style=\"width: 334px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/matricielle-vectoriel.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-317 \" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/matricielle-vectoriel.jpg\" alt=\"matricielle vectoriel\" width=\"334\" height=\"479\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/matricielle-vectoriel.jpg 274w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/matricielle-vectoriel-209x300.jpg 209w\" sizes=\"auto, (max-width: 334px) 100vw, 334px\" \/><\/a><figcaption id=\"caption-attachment-317\" class=\"wp-caption-text\">source: https:\/\/fr.wikipedia.org\/wiki\/Image_vectorielle<\/figcaption><\/figure><\/p>\n<h3>Logiciels et formats des images vectorielles:<\/h3>\n<p>Ils sont tr\u00e8s nombreux, parmi eux:<\/p>\n<ul>\n<li>Le format standard: SVG, manipul\u00e9 par des logiciels comme Inkscape, Illustrator, ou encore <a href=\"http:\/\/framavectoriel.org\/svg-editor.html\">svg-edit<\/a><\/li>\n<li>Les logiciels de Dessin Assist\u00e9 par Ordinateur manipule souvent des formats \"propri\u00e9taires\": EPS pour illustrator, EWG pour Autocad<\/li>\n<\/ul>\n<h3>Encodage des images vectorielles<\/h3>\n<p>Chaque objet qui constitue l'image vectorielle est encod\u00e9 dans le fichier qui constitue l'image.<br \/>\nUn objet est d\u00e9fini par une \"balise\" qui identifie le type de forme. Les balises sont entour\u00e9e de &lt; et &gt; Par exemple, cette instruction d\u00e9fini un rectangle, avec un largeur de 20 et un hauteur de 10:<\/p>\n<p class=\"exemple\">&lt;rect width=20 heigth=10&gt;<\/p>\n<h4>D\u00e9finition des couleurs<\/h4>\n<p>les couleurs sont d\u00e9finies par un code qui va de 000000 \u00e0 FFFFFF . <\/p>\n<p class=\"exemple\">Le nombre F, en hexad\u00e9cimale vaut 15. Si les langages informatiques utilise des lettres pour \u00e9crire les nombres au dessus de 10, c'est parce que c'est plus pratique qu'il soit \u00e9crit sur un seul caract\u00e8re<\/p>\n<p>Le noir \u00e0 pour code 000000<br \/>\nLe blanc \u00e0 pour code FFFFFF<br \/>\nOn peut utiliser les deux millions de nombre pour d\u00e9crire des couleurs, ce qui correspond aux diff\u00e9rentes couleurs que peut discerner l\u2019\u0153il humain.<br \/>\nPour notre rectangle, si on veut que le contenu soit de couleur NOIR, il suffirait d'ajouter<\/p>\n<p class=\"exemple\">&lt;rect width=20 heigth=10 fill=000000 &gt;<\/p>\n<p>Si on veut lui ajouter une bordure de couleur Blanche: <\/p>\n<p class=\"exemple\">&lt;rect width=20 heigth=10 fill=000000 border-color=FFFFFF &gt;<\/p>\n<p>En fait les deux premiers caract\u00e9res du code d\u00e9crit la quantit\u00e9 de Rouge (00 -> pas de rouge, FF -> Maximum de rouge). Les deux suivants, la quantit\u00e9 de vert et les deux derniers la quantit\u00e9 de bleu. <\/p>\n<p class=\"exemple\">Par exemple la couleur FF00FF indique une m\u00e9lange de rouge et de bleu, ce qui donne un rose-violet<\/p>\n<p> De nombre site internet permettent de voir \u00e0 quelle couleur correspond un code (par exemple https:\/\/htmlcolorcodes.com\/fr\/ ) <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Images vectorielles. Les images de ce type sont compos\u00e9es de forme g\u00e9om\u00e9triques primitives assembl\u00e9es entre elles. Il est donc plus adapt\u00e9 au dessin. On pourra appliquer facilement \u00e0 ces formes diff\u00e9rentes transformations: changement des couleurs, de taille, appliquer une bordure &#8230;etc [gview file=\u00a0\u00bbhttp:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/ImageLion.svg\u00a0\u00bb] Les formats vectoriels sont tr\u00e8s utilis\u00e9s pour des images simples, mais ne [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"open","ping_status":"open","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-753","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/comments?post=753"}],"version-history":[{"count":7,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/753\/revisions"}],"predecessor-version":[{"id":1745,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/753\/revisions\/1745"}],"wp:attachment":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/media?parent=753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}