SVG-edit 2.4 Arbelos

Posté par  (site web personnel) . Modéré par Nÿco.
Étiquettes : aucune
26
12
jan.
2010
Internet
SVG-edit est une application web qui permet de créer et sauvegarder des graphiques SVG simplement, dans tout navigateur moderne. Entièrement écrite en JavaScript, HTML, CSS et en SVG pour les boutons et icônes, l'application est sous licence Apache 2.0.

La version 2.4 - nom de code "Arbelos" - introduit de nombreuses fonctionnalités : groupes, zoom, calques, mode fil-de-fer, édition fine de chemins et de formes, gestion des images, dialogues flottants... L'application existe en neuf langues pour l'instant : tchèque, allemand, espagnol, persan, français, néerlandais, roumain et slovaque, et bien sûr, anglais.

Par rapport à SVG-edit 2.3, Arbelos offre de nombreuses améliorations :
  • Les chemins, polygones ouverts ou fermés, peuvent être édités facilement, pour dessiner des courbes "douces" ou non, avec l'outil Chemin ; on peut ajouter des points à un chemin, ou en supprimer ;
  • On peut transformer une forme de base (rectangle, cercle, ellipse...) en chemin, pour l'éditer ;
  • Tous les types d'objets peuvent être groupés et dégroupés ; les groupes peuvent être redimensionnés et peuvent subir une rotation, comme n'importe quel autre objet ;
  • Les objets peuvent être placés dans des calques, les calques sont visibles ou non ;
  • Les images insérées dans le graphique peuvent être sauvegardées en tant que "données" ou par leur URL (en fonction du navigateur utilisé) ;
  • Pour s'adapter aux petits ou aux grands écrans, les dialogues sont flottants, et les icônes peuvent être réduites ou agrandies ;
  • Et beaucoup d'autres améliorations mineures...

Le développement de SVG-edit continue... la version 2.5 (Bicorn) est déjà en route. En attendant, nous apprécierions tout rapport de test, revue, ou rapport de bug [http://code.google.com/p/svg-edit/issues/list].

Et bien sûr, nous souhaiterions aussi voir vos graphiques SVG, de tout type, réalisés avec SVG-edit 2.4 Arbelos !

Aller plus loin

  • # Pour en savoir plus sur le format SVG

    Posté par  (site web personnel) . Évalué à 6.

    Bravo et merci à toute l'équipe de svg-edit pour ce logiciel libre.

    Pour en savoir plus sur le format SVG, je vous invite à lire notre article Dessin vectoriel : le format SVG sur le site Generationcyb.net :
    http://www.generationcyb.net/article.php3?id_article=903

    Cet article s'inscrit dans la série Des formats ouverts pour des données libres :
    http://www.apitux.org/index.php?2006/07/09/107-des-formats-o(...)
    • [^] # Re: Pour en savoir plus sur le format SVG

      Posté par  (site web personnel) . Évalué à 2.

      Une question bête : SVG permet-il d'appliquer une texture bitmap à une forme?

      Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.

      • [^] # Re: Pour en savoir plus sur le format SVG

        Posté par  (site web personnel) . Évalué à 2.

        Hello,

        Je sais pas si c'est dans la norme ou une extension mais inkscape permet de le faire.
        De mémoire : tu sélectionne ta forme et ton bitmap (attention, je crois qu'il y a un ordre) et object / clip / set

        Et en passant, pour inkscape, je conseille ces screencasts : http://screencasters.heathenx.org/
  • # Commentaire très peu constructif...

    Posté par  . Évalué à 8.

    C'est incroyable, c'est beau, c'est classe !

    Vivement du SVG partout que l'on puisse faire des diagrammes, des courbes, etc directement dans le document sans avoir à créer des images ou utiliser flash !

    Un grand bravo pour votre éditeur svg. J'adore le code source lisible du svg généré.

    Bonne continuation.
    • [^] # Re: Commentaire très peu constructif...

      Posté par  . Évalué à 3.

      oui, c'est super impressionant, tout cela "juste" avec svg et js ! C'est très fluide d'utilisation chez moi, et cela peut être un outil avec bcp d'applications possibles. Je me demande si cela ne pourrait pas permettre de faire l'équivalent de "graffiti" sur facebook, pour ceux qui connaissent :
      http://apps.facebook.com/graffitiwall/ (malheureusement il faut avoir un compte facebook et flash pour le voir, mais peut-être qu'avec svg-edit un jour on n'aura plus besoin de cela pour avoir quelque chose de similaire)

      Only wimps use tape backup: real men just upload their important stuff on megaupload, and let the rest of the world ~~mirror~~ link to it

      • [^] # Re: Commentaire très peu constructif...

        Posté par  (site web personnel) . Évalué à 8.

        L'un des buts de l'équipe de développement de SVG-edit, c'est que l'application, en plus d'être un éditeur SVG, soit également utilisée comme un "composant".

        Par exemple, SVG-edit est déjà intégré dans le wiki Moin.moin, sert de composant "dessin" à WISE 4.0, et dans un autre projet d'éducation en ligne pour les enfants dont j'ai oublié le nom et l'URL pour l'instant.

        Il existe aussi un Google Wave gadget qui permet de collaborer sur un dessin. Alors, oui, graffiti (ou igraffiti sur iPhone, je crois), oui oui oui ! :-)

        Moi je voudrais un bidule qui envoie des "graffiti" SVG à partir de mon téléphone portable, aussi !
    • [^] # Re: Commentaire très peu constructif...

      Posté par  (site web personnel) . Évalué à 2.

      Je viens de tester et c'est en effet très fluide.

      Une question : j'ai l'impression de me retrouver sur les anciens mac ou tout se fait avec un seul clic de souris. Est-il possible dans ce genre d'application d'avoir un menu contextuel avec le click droit ou ce n'est techniquement pas possible ?
      • [^] # Re: Commentaire très peu constructif...

        Posté par  . Évalué à 2.

        C'est possible mais....

        - On est pas habitué à pouvoir le faire dans un environnement web donc souvent on y pense pas
        - le menu contextuel en javascript est désactivable dans les options de certains navigateurs (Firefox le permet). Donc pour ceux qui on choisi cette option ne pourront pas utiliser le logiciel.
        • [^] # Re: Commentaire très peu constructif...

          Posté par  . Évalué à 5.

          - On est pas habitué à pouvoir le faire dans un environnement web donc souvent on y pense pas

          Si personne ne le fait, ça ne risque pas de changer

          - le menu contextuel en javascript est désactivable dans les options de certains navigateurs (Firefox le permet). Donc pour ceux qui on choisi cette option ne pourront pas utiliser le logiciel.

          Il ne faut pas que tout le logiciel repose sur le menu contextuel mais qu'il y ait des fonctionnalités en plus n'est pas une mauvaise chose.

          « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

          • [^] # Re: Commentaire très peu constructif...

            Posté par  . Évalué à 2.

            Il y a déjà des applis web qui utilisent le clic droit, comme les Google docs par exemple.

            Ensuite, tout dépend de la perception qu'a l'utilisateur de l'application : soit il se sent comme sur une appli lourde normale, genre OOo ou Inkscape (Word ou InDesign ...), auquel cas il voudra avoir accès à des fonctionnalités depuis le clic droit ; soit il a pleinement conscience d'être sur du web et préférera avoir accès au menu contextuel de son navigateur.
            Le premier cas est sans doute celui de la plupart des utilisateurs lambda, qui se fichent du cadre ou de la licence et veulent juste que ça marche, de préférence comme ils ont l'habitude. Le deuxième est plutôt celui des habitués de l'informatique.

            Une bonne solution serait sans doute d'implémenter des menus contextuels au clic droit, mais dont les options seraient aussi accessibles autrement.
          • [^] # Re: Commentaire très peu constructif...

            Posté par  . Évalué à 2.

            exactement. J'ai trouvé SVG-edit tellement bien que je me suis cru dans une "vraie" application bureau et plusieurs fois j'ai cliqué sur le bouton droit...

            Only wimps use tape backup: real men just upload their important stuff on megaupload, and let the rest of the world ~~mirror~~ link to it

        • [^] # Re: Commentaire très peu constructif...

          Posté par  . Évalué à 0.

          >C'est possible mais....
          >
          >- On est pas habitué à pouvoir le faire dans un environnement web donc souvent on y pense pas

          Ah? Moi je suis tellement habitué a le faire que je fais du click-droit sur google-doc et que je regrette que ce ne soit pas prévu grrr...

          >le menu contextuel en javascript est désactivable dans les options de certains navigateurs (Firefox le permet). Donc pour ceux qui on choisi cette option ne pourront pas utiliser le logiciel.

          Bof, ceux qui auront désactivé le javascript ne pourront pas non plus utiliser des applications javascript, et alors?
          D'autant qu'avec un navigateur bien conçu (Chrome) chaque onglet utilise son propre processus et il est alors facile de trouver quel onglet web utilise trop de CPU: il y a moins besoin de désactiver le javascript, juste pour les site mal fichus (voire carrément les éviter ou se plaindre auprès du site)..
          Firefox est actuellement mal fichu de ce coté là, heureusement se faire botter les fesses par Google les a reveillé et ils sont en train de changer leur architecture..
  • # C'est moi ou...

    Posté par  (site web personnel, Mastodon) . Évalué à 2.

    On ne peut pas "charger" un fichier ?

    Je sais pas si ca serait faisable en javascript, je suis pas expert ; mais pour moi un editeur, ca edite. Sinon c'est soit un lecteur, soit un createur.

    J'admire la performance technique, mais un editeur dont on ne peut pas recharger les creations, c'est un peu limite...
    • [^] # Re: C'est moi ou...

      Posté par  . Évalué à 3.

      Mais si tu peux charger !
      Tu ouvre le logiciel et click sur le bouton <svg> puis tu colle les sources de ton ancien svg.

      A titre d'exemple, je viens de modéliser mon chat avec un haut niveau de détail, tu peux essayer :

      <svg width="800" height="600" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
      <title>Mon chat</title>
      <g>
      <title>Calque 1</title>
      <path d="m352.28488,284.88916l-7,-86.99998l3,-14l9,-7l13,4l9,12l57.58234,60.7854l-84.58234,31.21458z" fill="#0000ff" stroke="#001f7c" stroke-width="5" id="svg_3" transform="rotate(61.3895, 391.075, 230.89)"/>
      <ellipse cx="293.00001" cy="322" id="svg_1" fill="#0000ff" stroke="#001f7c" stroke-width="5" rx="112" ry="112" transform="rotate(46.8648, 293, 322)"/>
      <path d="m187.74254,260.83316l0.6329,-92.04916l3,-14l9,-7l13,4l9,12l54.04103,54.22487l-88.6739,42.82423z" id="svg_2" fill="#0000ff" stroke="#001f7c" stroke-width="5" transform="rotate(-8.88066, 232.078, 204.309)"/>
      <ellipse cx="296" cy="285" id="svg_8" fill="#0000ff" stroke="#001f7c" stroke-width="5" rx="32" ry="30"/>
      <ellipse cx="294" cy="284" fill="#0000ff" stroke="#001f7c" stroke-width="5" rx="4" ry="28" id="svg_7"/>
      <ellipse cx="360" cy="287" fill="#0000ff" stroke="#001f7c" stroke-width="5" rx="32" ry="30" id="svg_9"/>
      <ellipse cx="358" cy="286" id="svg_6" fill="#0000ff" stroke="#001f7c" stroke-width="5" rx="4" ry="28"/>
      <path stroke-width="5" stroke="#002170" fill="#0000ff" id="svg_4" d="m380,342l-23,37l-9,16l-20,8l-11,-1l-16,0l-19,-1l-10,-8l-6,-14l-4,-15l-3,-12l-1,-12l9,-6l10,1l11,6l9,2l9,0l20,0l11,-1l20,0l17,-13"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_11" y2="341" x2="380" y1="329" x1="375"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_12" y2="366" x2="356" y1="341" x1="362"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_13" y2="354" x2="352" y1="366" x1="356"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_14" y2="354" x2="319" y1="354" x1="352"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_15" y2="353" x2="301" y1="354" x1="319"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_16" y2="361" x2="298" y1="353" x1="301"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_17" y2="349" x2="290" y1="361" x1="298"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_18" y2="338" x2="262" y1="349" x1="290"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_19" y2="379" x2="280" y1="362" x1="260"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_20" y2="384" x2="287" y1="379" x1="280"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_21" y2="370" x2="288" y1="386" x1="286"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_22" y2="382" x2="292" y1="370" x1="288"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_23" y2="385" x2="337" y1="382" x1="292"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_24" y2="379" x2="337" y1="385" x1="337"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_25" y2="369" x2="342" y1="395" x1="347"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_26" y2="356" x2="315" y1="369" x1="342"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_27" y2="363" x2="320" y1="382" x1="337"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_28" y2="354" x2="301" y1="363" x1="320"/>
      <line fill="none" stroke-width="5" stroke="#002170" id="svg_29" y2="361" x2="292" y1="345" x1="275"/>
      </g>
      </svg>

      Pour les curieux, ça donne ça (désolé pour la mise en page :)):

      data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHdpZHRoPSI4MDAiIGhlaWdodD0iNjAwIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDx0aXRsZT5Nb24gY2hhdDwvdGl0bGU+CiA8Zz4KICA8dGl0bGU+Q2FscXVlIDE8L3RpdGxlPgogIDxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDYxLjM4OTUsIDM5MS4wNzUsIDIzMC44OSkiIGlkPSJzdmdfMyIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2U9IiMwMDFmN2MiIGZpbGw9IiMwMDAwZmYiIGQ9Im0zNTIuMjg0ODgyLDI4NC44ODkxNmwtNywtODYuOTk5OTg1bDMsLTE0bDksLTdsMTMsNGw5LDEybDU3LjU4MjMzNiw2MC43ODU0bC04NC41ODIzMzYsMzEuMjE0NTg0eiIvPgogIDxlbGxpcHNlIHRyYW5zZm9ybT0icm90YXRlKDQ2Ljg2NDgsIDI5MywgMzIyKSIgcnk9IjExMiIgcng9IjExMiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2U9IiMwMDFmN2MiIGZpbGw9IiMwMDAwZmYiIGlkPSJzdmdfMSIgY3k9IjMyMiIgY3g9IjI5My4wMDAwMSIvPgogIDxwYXRoIHRyYW5zZm9ybT0icm90YXRlKC04Ljg4MDY2LCAyMzIuMDc4LCAyMDQuMzA5KSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2U9IiMwMDFmN2MiIGZpbGw9IiMwMDAwZmYiIGlkPSJzdmdfMiIgZD0ibTE4Ny43NDI1MzgsMjYwLjgzMzE2bDAuNjMyOTA0LC05Mi4wNDkxNjRsMywtMTRsOSwtN2wxMyw0bDksMTJsNTQuMDQxMDMxLDU0LjIyNDg2OWwtODguNjczOTA0LDQyLjgyNDIzNHoiLz4KICA8ZWxsaXBzZSByeT0iMzAiIHJ4PSIzMiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2U9IiMwMDFmN2MiIGZpbGw9IiMwMDAwZmYiIGlkPSJzdmdfOCIgY3k9IjI4NSIgY3g9IjI5NiIvPgogIDxlbGxpcHNlIGlkPSJzdmdfNyIgcnk9IjI4IiByeD0iNCIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2U9IiMwMDFmN2MiIGZpbGw9IiMwMDAwZmYiIGN5PSIyODQiIGN4PSIyOTQiLz4KICA8ZWxsaXBzZSBpZD0ic3ZnXzkiIHJ5PSIzMCIgcng9IjMyIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZT0iIzAwMWY3YyIgZmlsbD0iIzAwMDBmZiIgY3k9IjI4NyIgY3g9IjM2MCIvPgogIDxlbGxpcHNlIHJ5PSIyOCIgcng9IjQiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlPSIjMDAxZjdjIiBmaWxsPSIjMDAwMGZmIiBpZD0ic3ZnXzYiIGN5PSIyODYiIGN4PSIzNTgiLz4KICA8cGF0aCBkPSJtMzgwLDM0MmwtMjMsMzdsLTksMTZsLTIwLDhsLTExLC0xbC0xNiwwbC0xOSwtMWwtMTAsLThsLTYsLTE0bC00LC0xNWwtMywtMTJsLTEsLTEybDksLTZsMTAsMWwxMSw2bDksMmw5LDBsMjAsMGwxMSwtMWwyMCwwbDE3LC0xMyIgaWQ9InN2Z180IiBmaWxsPSIjMDAwMGZmIiBzdHJva2U9IiMwMDIxNzAiIHN0cm9rZS13aWR0aD0iNSIvPgogIDxsaW5lIHgxPSIzNzUiIHkxPSIzMjkiIHgyPSIzODAiIHkyPSIzNDEiIGlkPSJzdmdfMTEiIHN0cm9rZT0iIzAwMjE3MCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIi8+CiAgPGxpbmUgeDE9IjM2MiIgeTE9IjM0MSIgeDI9IjM1NiIgeTI9IjM2NiIgaWQ9InN2Z18xMiIgc3Ryb2tlPSIjMDAyMTcwIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9Im5vbmUiLz4KICA8bGluZSB4MT0iMzU2IiB5MT0iMzY2IiB4Mj0iMzUyIiB5Mj0iMzU0IiBpZD0ic3ZnXzEzIiBzdHJva2U9IiMwMDIxNzAiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIvPgogIDxsaW5lIHgxPSIzNTIiIHkxPSIzNTQiIHgyPSIzMTkiIHkyPSIzNTQiIGlkPSJzdmdfMTQiIHN0cm9rZT0iIzAwMjE3MCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIi8+CiAgPGxpbmUgeDE9IjMxOSIgeTE9IjM1NCIgeDI9IjMwMSIgeTI9IjM1MyIgaWQ9InN2Z18xNSIgc3Ryb2tlPSIjMDAyMTcwIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9Im5vbmUiLz4KICA8bGluZSB4MT0iMzAxIiB5MT0iMzUzIiB4Mj0iMjk4IiB5Mj0iMzYxIiBpZD0ic3ZnXzE2IiBzdHJva2U9IiMwMDIxNzAiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIvPgogIDxsaW5lIHgxPSIyOTgiIHkxPSIzNjEiIHgyPSIyOTAiIHkyPSIzNDkiIGlkPSJzdmdfMTciIHN0cm9rZT0iIzAwMjE3MCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIi8+CiAgPGxpbmUgeDE9IjI5MCIgeTE9IjM0OSIgeDI9IjI2MiIgeTI9IjMzOCIgaWQ9InN2Z18xOCIgc3Ryb2tlPSIjMDAyMTcwIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9Im5vbmUiLz4KICA8bGluZSB4MT0iMjYwIiB5MT0iMzYyIiB4Mj0iMjgwIiB5Mj0iMzc5IiBpZD0ic3ZnXzE5IiBzdHJva2U9IiMwMDIxNzAiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIvPgogIDxsaW5lIHgxPSIyODAiIHkxPSIzNzkiIHgyPSIyODciIHkyPSIzODQiIGlkPSJzdmdfMjAiIHN0cm9rZT0iIzAwMjE3MCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIi8+CiAgPGxpbmUgeDE9IjI4NiIgeTE9IjM4NiIgeDI9IjI4OCIgeTI9IjM3MCIgaWQ9InN2Z18yMSIgc3Ryb2tlPSIjMDAyMTcwIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9Im5vbmUiLz4KICA8bGluZSB4MT0iMjg4IiB5MT0iMzcwIiB4Mj0iMjkyIiB5Mj0iMzgyIiBpZD0ic3ZnXzIyIiBzdHJva2U9IiMwMDIxNzAiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIvPgogIDxsaW5lIHgxPSIyOTIiIHkxPSIzODIiIHgyPSIzMzciIHkyPSIzODUiIGlkPSJzdmdfMjMiIHN0cm9rZT0iIzAwMjE3MCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIi8+CiAgPGxpbmUgeDE9IjMzNyIgeTE9IjM4NSIgeDI9IjMzNyIgeTI9IjM3OSIgaWQ9InN2Z18yNCIgc3Ryb2tlPSIjMDAyMTcwIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9Im5vbmUiLz4KICA8bGluZSB4MT0iMzQ3IiB5MT0iMzk1IiB4Mj0iMzQyIiB5Mj0iMzY5IiBpZD0ic3ZnXzI1IiBzdHJva2U9IiMwMDIxNzAiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIvPgogIDxsaW5lIHgxPSIzNDIiIHkxPSIzNjkiIHgyPSIzMTUiIHkyPSIzNTYiIGlkPSJzdmdfMjYiIHN0cm9rZT0iIzAwMjE3MCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIi8+CiAgPGxpbmUgeDE9IjMzNyIgeTE9IjM4MiIgeDI9IjMyMCIgeTI9IjM2MyIgaWQ9InN2Z18yNyIgc3Ryb2tlPSIjMDAyMTcwIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9Im5vbmUiLz4KICA8bGluZSB4MT0iMzIwIiB5MT0iMzYzIiB4Mj0iMzAxIiB5Mj0iMzU0IiBpZD0ic3ZnXzI4IiBzdHJva2U9IiMwMDIxNzAiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIvPgogIDxsaW5lIHgxPSIyNzUiIHkxPSIzNDUiIHgyPSIyOTIiIHkyPSIzNjEiIGlkPSJzdmdfMjkiIHN0cm9rZT0iIzAwMjE3MCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIi8+CiA8L2c+Cjwvc3ZnPg==

      Il déchire ce logiciel :)
      • [^] # Re: C'est moi ou...

        Posté par  (site web personnel) . Évalué à 1.

        Merci, je transmettrai aux développeurs !

        Il est amusant ce chat. Mais où sont les moustaches ? :-)
        • [^] # Re: C'est moi ou...

          Posté par  . Évalué à 2.

          "Just do it ©".
          C'est ça qui est bien avec le SVG (contrairement au Flash ou à un export bitmap): t'as les sources, tu peux copier/modifier/améliorer.
          Encore faut-il que la licence te l'autorise.

          THIS IS JUST A PLACEHOLDER. YOU SHOULD NEVER SEE THIS STRING.

          • [^] # Re: C'est moi ou...

            Posté par  (site web personnel) . Évalué à 2.

            http://imgh.us/Mon_chat_2.svg

            Chat persan bleu avec moustaches ;-)
            • [^] # Re: C'est moi ou...

              Posté par  . Évalué à 3.

              \o/ Il 12,65 fois mieux que le miens :)

              Mais je n'ai pas trouvé les beziers ni les dégrader dans SVG-edit.
              • [^] # Re: C'est moi ou...

                Posté par  (site web personnel) . Évalué à 3.

                Alors, ça alors !

                Pour éditer un polygone (ouvert ou fermé) :
                - le sélectionner par un clic dessus - l'outil "sélection", la flèche, est sélectionné et une boîte entoure l'objet.
                - encore un clic sur l'objet - l'outil "sélection" s'orne d'un petit point bleu, un point de l'objet et un segment sont mis en valeur en bleu, avec des poignées pour les noeuds.

                On peut :
                - changer l'orientation et la longueur des poignées, ou bien,
                - changer le type de segment, de droit à courbe, dans la barre horizontale, ou bien encore
                - double-cliquer sur le point, il change de type.

                Sélectionner un autre point / segment en cliquant dessus, et etc.

                Quand le mode "édition de chemin" est actif, la barre du bas ne montre que le zoom.

                Ce mode est celui qui est montré juste après la création d'une forme avec l'outil Chemin [6].

                Pour les dégradés :

                Cliquer sur un bloc de couleur (remplissage ou contour) et sélectionner la Tabulation "Linear gradient" au lieu de "Solid Color", changer ses couleurs et éventuellement leur opacité, et cliquer sur OK !
                (le Colorpicker n'est pas encore traduit, c'est en cours, ça sera dans Bicorn :-) )

                Voilà voilà.
    • [^] # Re: C'est moi ou...

      Posté par  (site web personnel) . Évalué à 5.

      ce n'est pas toi !

      Pour l'instant, dans Arbelos, pour "ouvrir" un fichier, il suffit d'ouvrir l'éditeur de code source (l'icône ) et de coller le code d'un graphique déjà existant. En cliquant sur "Accepter les modifications", le fichier est chargé.

      Les différents navigateurs sont très pointilleux sur l'ouverture et l'écriture de fichiers.

      Dans SVG-edit 2.5 Bicorn, il est prévu de charger un fichier existant.
      Voir : http://code.google.com/p/svg-edit/issues/detail?id=60

      Dans les navigateurs qui le supportent (Firefox 3.6+...) on peut, si on utilise le "trunk build" de SVG-edit, d'ores et déjà utiliser les avantages de l'API HTML5 et charger des documents.
      Cf.: http://code.google.com/p/svg-edit/issues/detail?id=392
  • # Bravo

    Posté par  . Évalué à 1.

    Très fonctionnel et belle démonstration technologique qui peut donner plein d'idées.

    Super travail.
  • # Et un viewer SVG ?

    Posté par  . Évalué à 2.

    Bel outil, super.
    Moi en fait je cherche un ''bon'' viewer SVG, qui me permette de zoomer a la molette, de cliquer/glisser.
    Une visualisation ala google/openstreet map en quelques sorte.

    Ca existe ?

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.