J'essaie d'ajouter des étiquettes de données au tableau à barres empilées dans d3. Je voulais que les étiquettes de données soient au milieu de la barre. Jusqu'à présent, j'ai juste compris comment ajouter des étiquettes de données au dessus de chaque barre. Mais en fait, je voulais que ces étiquettes soient au milieu de chaque […]
J'utilise GWT et la bibliothèque GWTGraphics pour créer une animation pour un élément Svg Path. J'utilise la bibliothèque GWTGraphics pour créer l'élément path et l'élément animateTransform (witch est ajouté à l'élément path) pour créer une animation en rotation. J'ai testé dans Firefox 4.0 et ça marche bien. J'ai ensuite testé Chrome (version 17) et Opera […]
Est-il possible d'incrémenter ou de décrémenter les valeurs de couleur hexadéles étape par étape dans jQuery / javascript? Ce que j'aimerais faire, c'est quelque chose comme ça: S'adapter à partir d'un for-loop comme for (var i = 0; i <= 100; i++) { console.log(i); } Je voudrais faire quelque chose comme for (var color = […]
J'essaie de colorier les images en niveaux de gris en fonction des couleurs d'avant-plan et d'arrière-plan sélectionnées par l'utilisateur (limitées au rouge, au vert, au bleu, au cyan, au magenta, au jaune, au noir et au blanc). L'effet que je veux est le suivant: Grayscale original http://crawdad.cornell.edu/test/1.png premier plan rouge http://crawdad.cornell.edu/test/2.png premier plan rouge, fond […]
Dans un sujet similaire, j'ai demandé si cela était possible (http://stackoverflow.com/questions/6006364/svg-through-the-jquery-svg), mais quand j'ai essayé de mettre en œuvre cela: <body onload="alert('loaded');testSvg();"> <div id="div3" style="border: solid 1px black; width:200px; height:100px"> <svg id="svg3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"></svg> </div> <script type="text/javascript"> function testSvg() { var svgRootElement = $("#svg3").get(); var svgWrapper = new $.svg._wrapperClass(svgRootElement); svgWrapper.circle(30, 25, 50, { fill: 'red' […]
J'ai une structure svg où il y a quelques formes à l'intérieur. Je veux déclencher un événement lorsqu'une forme est cliquée et une autre lorsqu'on clique sur le svg. Le problème est que l'événement SVG est toujours déclenché. Afin d'éviter cela, je désactive l'évènement à partir de la forme. J'ai également essayé de désactiver l'événement […]
Est-il possible d'exporter Kinetic JS object vers SVG? Ou une solution de contournement est de convertir la toile Kintetic JS en SVG. MODIFIER: Le meilleur est d'utiliser fabricJS car il supporte la toile au rendu SVG tout en travaillant avec des objets en tissu. J'ai accepté la réponse de Phrogz puisqu'il fait aussi la toile […]
Si vous interrogez stackoverflow.com sur Similarweb en visitant l'url suivante: Http://www.similarweb.com/website/stackoverflow.com On vous présente un bon aperçu des statistiques sur le site. Je crois comprendre comment ils font ce survol tirant parti des bibliothèques telles que les Highcharts. Ce que je ne peux pas comprendre, c'est la façon dont ils parviennent à générer un beau […]
J'essaie d'animer un cercle en utilisant un SVG. Il fonctionne très bien dans Chrome, FF, Safari, mais dans IE, l'animation ne se produira pas. J'utilise jQuery animate (pas les animations css, dont IE 11 et down ne prennent pas en charge les SVG). Code d'animation simplifié: var animateSvg = function() { setTimeout(function(){ $('#oil-can-svg .inner-circle').animate({'strokeDashoffset': 382}); […]
Comment devrais-je animer la ligne de mon svg verticalement? J'ai un svg de thermomètre. Je souhaite déplacer l'aiguille du thermomètre en fonction de la valeur fournie par l'utilisateur, mais je ne peux que montrer le svg. La valeur initiale est 1 et l'aiguille doit être en 1, mais elle est d'environ -19, -18. J'ai également […]