Articles of svg

Ajouter une image d’arrière-plan (.png) à une forme de cercle SVG

Est-ce possible? Ce qui suit est ce que j’ai essayé mais il remplit complètement le cercle avec du noir.

Rendre un object image svg cliquable avec onclick, en évitant le positionnement absolu

J’ai essayé de changer les images de mon site de img en svg , en changeant les balises img balises embed et object . Mais, l’implémentation de la fonction onclick , qui était auparavant contenue dans la balise img , s’avère très difficile. J’ai trouvé que onclick n’avait aucun effet lorsqu’il était placé dans l’ […]

existe-t-il un outil pour créer des chemins SVG à partir d’un fichier SVG?

Est-ce que quelqu’un connaît un outil qui peut prendre un fichier SVG et le convertir en un chemin HTML 5 SVG? vous savez, la partie d=”M 0 0 L 20 134 L 233 24 Z” fill=”#99dd79″ ? Je me dirige ici: Utilisez Adobe Illustrator pour créer un chemin SVG en utilisant les commandes “move to” […]

Ombre SVG coupé

Le SVG avec lequel je travaille a une ombre scope via le filtre feGaussianBlur. L’ombre elle-même est affichée correctement, mais est coupée sur les bords supérieur et inférieur. Ainsi: Le SVG en question est: Le recadrage semble se produire régulièrement dans Chrome (30), Firefox (25) et Opera (12). Je peux voir que ce n’est pas […]

SVG dans les proportions des éléments img non respectées dans ie9

CSS: img{ max-height:30px; } HTML: Je cherche cette image svg à l’échelle proportionnellement à une hauteur maximale de 30 pixels de haut. Les dimensions naturelles du svg sont de 200px par 200px. Fonctionne très bien dans FF et Chrome (30×30) mais dans IE9, l’image est de 30×200. Maintenant, voici le kicker. Cela ne se produit […]

Comment enregistrer un tracé créé avec ggplot2 en tant que fichier SVG

Je veux enregistrer un tracé de zone empilée (exemple de tracé avec code peut être trouvé ici ) fait avec ggplot2 en tant que SVG . Je l’ai essayé avec le package du Caire mais le résultat est mauvais. library(ggplot2) library(grid) library(Cairo) … #png(output_file, width=800, height=400) Cairo(800,400,file=paste(output_file, “.svg”, sep=””),type=”svg”,bg=”transparent”,pointsize=8, units=”px”,dpi=400) gt <- ggplot_gtable(ggplot_build(p)) gt$layout$clip[gt$layout$name=="panel"] <- […]

Comment appliquer une couleur à un élément de texte SVG

Ok … Je vais devenir fou ici. J’ai commencé à expérimenter avec SVG. Travailler avec SVG et lui appliquer des classes CSS fonctionne comme un charme. Je ne peux pas comprendre ce que je fais mal, mais je ne peux pas obtenir la classe de travailler sur un élément de texte svg. Je l’ai complètement […]

Utilisation de CSS pour effectuer la transition de la propriété fill d’un chemin SVG en survol

J’inclus un fichier d’image SVG sur ma page dans une balise d’ object , comme ceci: L’image en question est une carte du monde, je veux transformer la propriété de fill lorsque la souris survole un group . Dans ce cas, j’ai regroupé mon SVG par continent, de sorte que l’Amérique du Sud ressemble à […]

Motif de formes cliquables irrégulières

Je dois faire un motif de nombreuses formes non rectangulars . Chaque forme doit être interactive et révéler une image en cliquant. La demande est de prendre une image d’un vitrail et de la transformer en une page Web remplie de l’image. Chaque panneau doit être cliquable , semblable à ceux que vous voyez dans […]

d3 Étiquetage des noeuds

J’ai utilisé l’exemple de code de ce projet d3 pour apprendre à afficher les graphiques d3 et je n’arrive pas à afficher du texte au milieu des cercles (similaire à cet exemple et à cet exemple ). J’ai regardé d’autres exemples et j’ai essayé d’append node.append(“title”).text(“Node Name To Display”) et node.append(“text”) .attr(“text-anchor”, “middle”) .attr(“dy”, “.3em”).text(“Node […]