Articles of svg

collegamento ipertestuale in tspan (SVG) non mostrato

lavorando su Javascript al messaggio di chatroom con tspan. Originale: questa funzione aggiunge nome e testo del contenuto a tspan per ciascuno degli elementi in svg function showMessage(nameStr, contentStr, color){ var node = document.getElementById(“chattext”); // Create the name text span var nameNode = document.createElementNS(“http://www.w3.org/2000/svg”, “tspan”); // Set the attributes and create the text nameNode.setAttribute(“x”, 100); […]

jQuery SVG removeClass ()

Ok, dopo ore e ore cercando di capire un modo per farlo, non ho trovato nulla. Sapevo di avere bisogno del plugin jQuery SVG, quindi ho la funzione toggleClass () per funzionare, ma sto cercando di rimuovere le classi da tutti i miei elementi di gruppo e poi aggiungere un’altra class agli elementi del gruppo: […]

L’animazione in Mozilla non funziona correttamente

Non ho chiesto informazioni sull’origine della trasformazione. Ho chiesto perché l’animazione non funziona su Mozilla Sono bloccato facendo qualche animazione svg su Mozilla. Quello che ho provato in Chrome l’animazione ha funzionato perfettamente, ma quando ho provato su mozilla non funziona bene. Ho inserito il prefisso del venditore, ma l’animazione non funziona correttamente. Non riesco […]

SVG Ridimensiona con caucanvas l’effetto del tipo hover usando animateTransform

Sto cercando di fare effetto hover con l’animazione SVG SMIL. È necessario correggere il mouseover e il mouseout: mouseover = scale + 15% andopacity-50% e mouseout reverse. Senza salti durante il passaggio del mouse su elementi separati nel mio rettangolo di sensitività. Grazie <!—-> dscn.n

Come creare una mappa immagine retriggers e intertriggers usando SVG

Sono occupato con un sito Web e sulla home page ho bisogno di avere due sezioni cliccabili, una delle quali ti porta a una specializzazione dell’azienda e l’altra ti porta alla loro altra specializzazione. Ho creato una divisione di immagine quadrata attraverso il centro formando due triangoli rettangoli ad angolo. Ho bisogno di quello superiore […]

Congelando un div dallo scrolling orizzontale ma lasciandolo scorrere verticalmente

Ho una divisione esterna (con altezza e larghezza fisse) che contiene due divisioni poste verticalmente che occupano le stesse larghezze e tutta l’altezza. Voglio che scorrono contemporaneamente in direzione verticale ma solo il secondo per scorrere orizzontalmente. In modo che essenzialmente il primo div è congelato dallo scorrimento orizzontale da solo. all’interno delle div sto […]

Come posso richiamare il mouseover su tutti gli elementi sotto il cursore?

Ho un’applicazione web in cui ogni volta che fai clic, viene creato un punto (vedi sotto). Quando topo sopra una pila di punti, mi aspettavo che ogni punto sotto il cursore avesse il suo mouseover o il mouseenter fire di eventi. Tuttavia, viene triggersto solo un evento, quello per il punto “in cima” allo stack. […]

Creazione di un grafico a rettangolo con D3.js

Sto cercando di creare un d3 JavaScript che crea un rettangolo il cui colore dipende da un set di dati. Tutti i rettangoli sono adiacenti l’uno all’altro come: [][][][][][] [][][][][][] Ho ottenuto il mio script per lavorare per creare rettangoli per tutti i miei dati, ma trabocca come: [][][][][][][][][][][][][][][][][][][][][][][][][][][] Come posso creare le proprietà width […]

Generazione di PDF / SVG / PNG con più grafici D3.js su una pagina

Ho diversi grafici D3.js su una pagina web. Quando l’utente fa clic su un pulsante, il nuovo grafico scorrerà verso il basso, mentre quello precedente scorrerà verso l’alto. Ho fatto qualche ricerca e ho trovato alcuni link. Quello che fa quello che voglio fare è qui: http://d3export.cancan.cshl.edu/ . Tuttavia, non riesco a farlo funzionare. Ecco […]

L’SVG usa tag e non rende i gradienti Firefox

Ho un’app javascript (simile a CAD) in SVG con tools (oggetti costruiti in SVG con Inkscape) che vengono inseriti con il tag use . Tutto funziona bene su Chrome e Safari (mai testato in IE), ma in Firefox, tutti gli oggetti che fill con sfumature non sono stati renderizzati. Mi piace l’immagine qui sotto: Firefox […]