Suite

SVG de QGIS à Illustrator CC obtient des largeurs de trait incorrectes


Lorsque j'exporte des fichiers SVG depuis QGIS à l'aide du compositeur d'impression, les largeurs de trait deviennent beaucoup plus larges lors de l'importation dans Adobe Illustrator. Il semble que la largeur du trait dans le SVG se traduise différemment dans Illustrator par rapport à Inkscape.

Exemple

Une ligne dans QGIS avec une largeur de 0,26 mm est affichée comme

stroke-width="3.07087"

dans le fichier SVG. Et lorsque j'ouvre le fichier dans Inkscape, il fait toujours 0,26 mm de large, mais lorsque je l'ouvre dans Illustrator, la largeur du trait est de 3,07087 pt.

Quelqu'un a-t-il une idée de la raison pour laquelle Illustrator ne "traduit" pas 3.0787 à la bonne largeur?

Et est-ce un moyen d'y remédier ? Je suppose que je pourrais rechercher et remplacer dans le fichier XML SVG mais je préfère ne pas…

Cela a-t-il à voir avec les spécifications de longueur SVG ?

"Si une unité n'est pas fournie, la valeur de longueur représente une distance dans le système de coordonnées utilisateur actuel."

Éditer: J'ai maintenant remarqué que la largeur en mm est de 0,08466669263 fois la valeur du fichier XML SVG.

Edit 2 : J'ai remarqué maintenant que si je modifie ou supprime le bit "viewbox" dans le fichier SVG, Inkscape affiche également la largeur de ligne incorrecte, il semble donc qu'Illustrator ne comprend pas la viewbox et traduit donc mal les largeurs !?


Lors de l'exportation vers SVG, QGIS exploite le QSvgGenerator de Qt dans QgsComposer::exportCompositionAsSVG. Notez la boîte de dialogue d'avertissement d'exportation SVG :

La fonction d'exportation SVG dans QGIS a plusieurs problèmes dus à des bogues et des lacunes dans le code svg de Qt4. En particulier, il y a des problèmes avec les couches qui ne sont pas découpées dans le cadre de délimitation de la carte. Si vous avez besoin d'un fichier de sortie vectoriel de Qgis, il est suggéré d'essayer d'imprimer en PostScript si la sortie SVG n'est pas satisfaisante

En ce qui concerne l'ouverture du SVG directement dans Illustrator, assurez-vous que vos unités de base dans Illustrator pour les traits sont les MM, pas les points (par défaut), mais faites-le avant pour ouvrir le SVG. Vous pouvez également essayer de définir les unités sur MM dans la configuration du document si vous importez dans un document Illustrator existant. Ces paramètres mai pas modifier l'importation résultante, cependant.

Comme vous l'avez noté, Illustrator a du mal à accepter les unités MM par défaut de l'exportation QGIS SVG tandis qu'Inkscape fait un meilleur travail (Illustrator ne semble tout simplement pas redimensionner les traits). Par conséquent, vous pouvez d'abord essayer d'ouvrir le SVG dans Inkscape, puis exportation d'une copie au format PDF en dehors. L'ouverture de la copie PDF dans Illustrator devrait fournir une largeur de ligne et des résultats de rendu des polices plus précis que l'ouverture directe du SVG. Je n'ai pas eu de chance d'exporter vers EPS à partir d'Inkscape, car il semblait pixelliser de manière aléatoire des parties de la sortie.

De même, vous pouvez également essayer d'exporter directement au format PDF à partir de QGIS et de l'ouvrir dans Illustrator. Il y aura probablement des différences dans le résultat dans Illustrator entre ce qui précèdeSVG->Inkscape->PDF->IllustrateuretPDF->Illustrateurflux de travail. Si vous avez besoin de plus de structure de document, la première peut être utile, bien qu'elle détruise la majeure partie de la structure SVG lorsque le format PDF est introduit.

Si vous pensez qu'il y a un problème qui doit être résolu ici dans le code source de QGIS (si possible), veuillez créer un rapport de problème très détaillé, avec de nombreuses comparaisons d'exemples de sortie, sur le suivi des problèmes de QGIS. Je n'ai trouvé aucun ticket de problème existant.

La meilleure solution pour la sortie SVG dans QGIS peut être de créer un exportateur personnalisé qui n'est pas lié à QSvgGenerator, ou de créer une nouvelle sous-classe QSvgGenerator qui pré-échelonne les largeurs de ligne pour la sortie SVG spécifique à Illustrator.


Cela fait plus d'un an que je cherche une réponse à cette question. La meilleure solution que j'ai trouvée est, une fois que votre SVG est ouvert dans AI, de désactiver "Mettre à l'échelle les traits et les effets", puis de mettre à l'échelle vos divers objets vers le haut ou vers le bas afin que les traits aient l'air corrects, relativement. Bien sûr, maintenant les objets ne sont pas de la bonne taille. Réactivez maintenant « redimensionner les traits et les effets » et redimensionnez vos objets à leur taille d'origine.

C'est toujours pénible, mais c'est légèrement mieux que de réajuster chaque coup individuellement. Je serais très intéressé par une solution appropriée.


Ma propre "solution" est la suivante : ouvrez le fichier SVG dans un éditeur de texte. Regardez la deuxième ligne :

Prenez la valeur de largeur (dans ce cas 999,998 mm) et convertissez-la en points. Faites de même avec la valeur de la hauteur.

Ouvrez ensuite le fichier dans Illustrator. Tout sélectionner. Aller à Barre d'outils de transformation et copiez la valeur de largeur et traduisez-la en points. Collez cette nouvelle valeur traduite dans la barre d'outils de transformation (assurez-vous que la contrainte avec/hauteur est basculée).

Maintenant, la taille sera juste avec les traits et les largeurs. Oh et assurez-vous d'avoir mettre à l'échelle les traits et les effets actif.


Petit rendu SVG non mis à l'échelle flou et erroné dans tous les navigateurs

J'ai un SVG qui rend complètement horrible dans tous les navigateurs.

Il y a beaucoup de questions ici sur le rendu SVG flou, mais toutes les questions que j'ai vues étaient spécifiques à certains navigateurs, ou impliquaient une mise à l'échelle, ou l'application de transformations, ou l'utilisation de filtres SVG, ou comme image d'arrière-plan, etc.

Ce n'est pas augmenté ou réduit, et il n'y a pas de filtres ou quoi que ce soit de génial, juste un seul chemin dans un élément <svg>. C'est 24x24px. Quand je zoome, ça a l'air bien, et ça a l'air bien sur les écrans Retina.

Sur la gauche se trouve l'image dans Sketch (elle est tout aussi bonne dans Illustrator, etc.). Sur la droite se trouve l'image dans Chrome, Safari et Firefox sur OS X. Sur les 3 icônes, le haut est normal, le milieu a une transformation : rotation(0.1deg) (vu que certaines personnes ont eu du succès avec ça), et sur la en bas, il a un rendu de forme : crispEdges . Ils sont tous crasseux :

Avait l'air mauvais à des degrés divers sur une machine Windows, y compris dans IE.

Voici quelques trucs que j'ai essayés qui n'ont pas fonctionné :

  • Exporter le SVG à partir d'Illustrator avec des valeurs de chemin arrondies à 1 décimale (ne me laisserait pas faire 0 décimale) pour voir si cela avait quelque chose à voir avec la façon dont ils tombaient sur les limites des pixels.
  • Exportation d'un SVG "plus grand" (zone de visualisation plus grande et chemin étendu pour l'accueillir) et réduction de sa taille dans le navigateur. Cela avait l'air marginalement mieux, mais toujours pas assez bon.
  • Jouer avec la largeur de trait - donne juste une mauvaise apparence mais de différentes manières.
  • Diverses transformations CSS censées améliorer des problèmes comme celui-ci, + toutes les options de rendu de forme + agrandissement de l'image et de la transformation : redimensionner à nouveau.

Étrangement, la disposition de base du SVG est simplement différente dans le navigateur - il devrait y avoir 2 pixels d'espace à l'intérieur de la lettre, mais même avec un anti-alias net, il n'y a qu'un pixel d'espace dans tous les navigateurs.

Y a-t-il un moyen d'améliorer cela? Est-ce quelque chose à voir avec ce SVG particulier ? Ou est-ce simplement que les navigateurs sont vraiment mauvais pour le rendu de petits SVG ?


1 réponse 1

Vous devrez créer un chemin complexe à partir d'un Live Trace .

Étant donné que les chemins complexes ne peuvent pas contenir plusieurs couleurs, vous devrez soit utiliser le paramètre "Noir et blanc" avec un seuil approprié, soit utiliser l'option "Niveaux de gris" avec le minimum de couleurs.

Dans les deux cas, assurez-vous que "Ignorer le blanc" est sélectionné.

Développez l'image tracée en utilisant Objet > Développer.

Cela devrait vous donner un groupe contenant un seul chemin complexe. Vous pouvez inspecter davantage la sortie en utilisant la palette Calques.


Pourquoi les marques de grille apparaissent-elles lors de l'exportation de SVG mais pas d'EPS ?

J'ai remarqué des résultats très inhabituels en essayant d'exporter les graphiques en tant qu'image vectorielle SVG et EPS. Lorsque je l'exporte au format EPS, il se comporte exactement comme prévu, il ressemble à Mathematica, et rien n'est pixellisé, ce qui est bien. Mais j'aimerais une image SVG pour pouvoir l'afficher sur le Web. Cependant, lorsque j'exporte au format SVG, des lignes de grille vraiment étranges apparaissent ! Jetez un œil ci-dessous :

Comme vous pouvez le voir, il y a des lignes de grille très visibles qui apparaissent dans la version SVG, qui changent de manière incohérente avec le niveau de zoom, ce qui les rend plutôt ennuyeuses. Évidemment, je préférerais ne pas avoir les lignes de la grille, donc la solution raisonnable semble être de convertir l'EPS en SVG, non? Malheureusement, chaque fois que je fais cela, j'obtiens ce gâchis flou !

C'est très frustrant, car peu importe ce que j'essaye, je n'arrive pas à obtenir ce que je veux. Je ne comprends tout simplement pas ce qui se passe. Si quelqu'un pouvait m'éclairer sur la situation, je lui en serais très reconnaissant. Merci beaucoup.


Adobe Illustrator - importation de fichiers DXF depuis QGIS3

J'essaie d'importer des fichiers .DXF dans Illustrator qui sont produits par QGIS3, lors de la création de la sortie QGIS3 dxf, il existe de nombreuses options pour choisir les types d'encodage du fichier .DXF.

Toutes les options que j'ai essayées jusqu'à présent ont entraîné le chargement du fichier mais ne sont pas visibles, car les éléments semblent être mis à l'échelle de manière incorrecte. Alors ma question est :

Avec quels formats d'encodage .DXF Adobe Illustrator accepte-t-il/fonctionne-t-il le mieux ?/ Où pourrais-je trouver ces informations ?


Problèmes d'exportation d'actifs SVG hors d'Illustrator

Mon flux de travail se déroule généralement comme ceci, concevez l'icône sur Illustrator et collez l'icône et redimensionnez-la pour la conception. Parce que notre équipe de développement a besoin d'icônes SVG et pas seulement des ressources typiques 1x,2x,3x, je dois créer un plan de travail et les exporter.

J'ai récupéré mon icône d'Illustrator, puis j'ai collé l'actif sur Photoshop en tant qu'objet intelligent à utiliser. Ainsi, bien que je redimensionne l'icône pour qu'elle s'adapte et s'intègre bien aux autres icônes qui l'entourent, ce n'est plus la taille d'origine lors du premier collage de l'illustrateur.

La première chose est que je dois exporter des actifs dans des plans de travail individuels fixes de 64x64 dans Illustrator en tant que SVG, ce que j'ai fait. Tous ces éléments sont dimensionnés pour s'adapter à la taille du canevas du plan de travail 64x64. Lorsque les développeurs utilisent ces SVG que j'ai fournis, quelques-uns des actifs deviennent trop gros.

Je suis allé dans mon PSD où les icônes sont dimensionnées correctement lorsqu'elles sont affichées, mais j'ai réalisé que parce que je les ai redimensionnées, le % de L et H est différent pour toutes les icônes de mon PSD. (Certains représentent 40 % de l'actif collé d'origine, d'autres 35 %).

Donc, je suppose que je suis juste confus quant à la façon dont je peux exporter l'actif directement à partir d'Illustrator en SVG si je dois redimensionner l'actif dans Photoshop. J'appuie sur l'objet intelligent dans Photoshop pour me conduire au plan de travail dans Illustrator et exporte mon plan de travail au format SVG à partir de là.

Ma question est donc la suivante : quelle est la bonne façon d'exporter l'icône SVG ? Et aussi, y a-t-il un moyen pour les concepteurs d'afficher l'actif SVG et non la version PNG d'un dessin sur le téléphone) ?

Tous les éléments de l'application utilisent un canevas de plan de travail défini, je ne suis donc pas en mesure de créer individuellement des plans de travail de différentes tailles.


Licence Modifier

  • partager – copier, distribuer et transmettre l’œuvre
  • remixer – adapter le travail
  • attribution – Vous devez donner le crédit approprié, fournir un lien vers la licence et indiquer si des modifications ont été apportées. Vous pouvez le faire de toute manière raisonnable, mais pas d'une manière qui suggère que le concédant de licence vous approuve ou approuve votre utilisation.
  • partager de la même manière – Si vous remixez, transformez ou construisez sur le matériel, vous devez distribuer vos contributions sous la même licence ou une licence compatible avec l'original.

https://creativecommons.org/licenses/by-sa/3.0 CC BY-SA 3.0 Creative Commons Attribution-Share Alike 3.0 vrai vrai


11 réponses 11

Les informations pour convertir .svg en .wmf sont obsolètes. À un moment donné au cours de l'année 2016, Google a choisi de ne plus accepter les fichiers .wmf. La bonne solution consiste à convertir .svg en .emf, ce qui fonctionne au moment de la rédaction. Ma recommandation est d'utiliser le service gratuit CloudConvert pour la conversion .emf, il n'y a aucun logiciel à posséder ou à installer.

Eh bien, convertissez ce fichier .svg en un fichier .wmf.

En août 2017, j'ai enfin pu le faire avec une procédure en sept étapes :

  1. Téléchargez le fichier SVG cible sur Google Drive, en tant que fichier normal.
  2. Installez "CloudConvert" dans Google Drive et donnez-lui la permission de lire tous vos documents (effrayant !
  3. Cliquez sur le fichier SVG et faites un clic droit pour l'envoyer à CloudConvert.
  4. Convertir en "CEM" formater et (c'est essentiel) enregistrez dans Google Drive.
  5. Ouvrez l'EMF dans Dessins Google et vérifiez qu'il semble bon.
  6. Dans le menu Edition, choisissez Copie.
  7. Enfin, dans votre Documents Google, choisir Pâte.

Vous pouvez télécharger votre fichier SVG sur http://openclipart.org, puis il y a une conversion automatique en WMF / EMF sur la page clipart.

Je suis proche, mais pas tout à fait là.

  1. Collez le vecteur dans une feuille de calcul dans LibreOffice
  2. Télécharger la feuille de calcul sur Google Drive
  3. Copier l'objet vectoriel
  4. Dans l'autre feuille, Insérer un dessin
  5. Collez l'objet, mais il colle comme bitmap au lieu d'un vecteur

Sinon, suivez les étapes 1 et 2, puis transférez le contenu de votre autre feuille dans celle téléchargée et acceptez que vous ne puissiez plus y ajouter de vecteurs. Vous pourriez avoir de la chance en téléchargeant la feuille Google en tant que fichier ODS, en ajoutant vos vecteurs dans LibreOffice et en la téléchargeant à nouveau sur Google, tant que tout le contenu de votre feuille est compatible avec LibreOffice.

  1. Ajoutez svg à un document LibreOffice Impress (OpenDocument Presentation) .odp et enregistrez-le sous mysvgs.odp .
  2. Téléchargez-le sur Google Drive.
  3. Ouvrez mysvgs.odp dans Google Drive et copiez-collez l'image svg là où vous en avez besoin.
  • Il fonctionne sous Linux, OSX, Windows.
  • Le document de présentation Google enregistré au format pdf contient le svg à la bonne résolution.
  • Cela fonctionne comme ça en juillet 2018.
  • J'ai utilisé LibreOffice-5.4.4.2
  • Basé sur la réponse de @philhibbs

J'ai découvert que la conversion de mon dessin en WMF permettait de le convertir en un document Google.

J'ai dû exporter mon ODF au format WMF. Ensuite, après l'avoir téléchargé sur mon Google Drive, je pouvais cliquer avec le bouton droit de la souris et l'ouvrir en tant que dessin Google.

Il y avait quelques problèmes où mon dessin original utilisait un remplissage dégradé et la conversion transformait le remplissage dégradé en une collection de lignes individuelles dans le dessin converti.

Ainsi, le flux de travail pour migrer un dessin depuis OpenOffice serait :

  • Isolez le dessin vectoriel en tant que document OpenOffice Draw. (éviter les motifs de remplissage complexes)
  • Exporter le dessin au format WMF
  • À partir de Google Drive, téléchargez le fichier Si vous n'avez pas activé la conversion automatique, faites un clic droit et convertissez en Google Doc

Je n'ai pas encore élaboré de flux de travail propre pour la conversion de documents OpenOffice avec des dessins intégrés. J'ai l'impression que ce n'est pas si facile avec Google Drive jusqu'à présent.


Tutoriels de création de cartes Adobe Illustrator ?

Salut. Je veux essayer l'essai gratuit de 7 jours d'Adobe Illustrator et je me demandais si quelqu'un connaissait des tutoriels décents pour que je puisse créer une belle carte avec. Points bonus pour l'importation de fichiers .shp et de données raster.

Je ne connais aucun tutoriel, mais j'ai déjà utilisé Illustrator pour créer des cartes. Mon flux de travail consistait cependant à obtenir une mise en page de carte suffisamment approximative dans QGIS, puis à l'exporter au format PDF. Utilisez ensuite Illustrator pour diviser les objets du PDF en différents calques en dissociant tout et en regroupant les types d'entités. Pour cela, vous pouvez rechercher des tutoriels pour diviser des PDF

Une idée si PDF donne de meilleurs résultats que SVG ? J'ai fait quelques cartes en exportant SVG de QGIS vers illustrator, mais c'était toujours un peu fastidieux et glitch.

Je voudrais juste prendre un tutoriel sur les bases d'Illustrator. Outil plume, trait, remplissage, ancres, etc.

Divulgation complète. Je ne supporte pas de faire n'importe quel type de formatage dans ArcMap. C'est tout à fait horrible. Je vais essentiellement faire l'étendue, les couches et un peu de symbologie dans ArcMap, puis gérer le reste dans l'IA. Si vous utilisez ArcMap, vous pouvez exporter directement vers un fichier .ai. Il y a des masques d'écrêtage étranges dont je me débarrasse généralement (et que j'en fabrique moi-même).

Je ne l'ai jamais utilisé avec QGIS, mais je suis sûr qu'il y a aussi des options.


Voir la vidéo: How to get Openstreetmap data in shapefile type (Octobre 2021).