«svg» etiketlenmiş sorular

İşte sorunun bir örneği (Firefox ve Chrome'da test edilmiştir): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet JSFiddle'da görüntüle Mavinin altındaki fazladan redboşluğa dikkat edin .divsvg Zaten ayarlamayı paddingve marginher iki unsuru da denedim 0, ama şanssız.

93 html  css  svg 

SVG ve HTML5 Canvas arasındaki farklar nelerdir? İkisi de bana aynı şeyi yapıyor gibi görünüyor. Temel olarak, her ikisi de koordinat noktalarını kullanarak vektör resmi çizerler. Neyi kaçırıyorum? SVG ve HTML5 Canvas arasındaki temel farklar nelerdir? Neden birini diğerine tercih etmeliyim?

92 html  canvas  svg 

На этот вопрос есть ответы на Yığın Taşması için русском : Geri Bildirim CSS ile, aşağıdaki resimdeki gibi bir arka plan efektinden şeffaf bir metin kesmenin bir yolu var mı ? Metnin yerini alan görseller yüzünden tüm değerli SEO'yu kaybetmek üzücü olurdu. Önce gölgeleri düşündüm ama hiçbir şey çözemiyorum ... …

92 css  svg  fonts  css-shapes 

Bir dizi svg dikdörtgenim var (D3.js kullanarak) ve fareyle üzerine gelindiğinde bir mesaj görüntülemek istiyorum, mesaj arka plan görevi gören bir kutu ile çevrelenmelidir. Her ikisi de birbirine ve dikdörtgene mükemmel şekilde hizalanmalıdır (üstte ve ortalanmış). Bunu yapmanın en iyi yolu nedir? "X", "y", "genişlik" ve "yükseklik" özelliklerini kullanarak bir …

92 javascript  svg  d3.js  tooltip 

Neden bu kadar az sayıda modern web sitesinin simgeler için yalnızca PNG'leri kullandığını merak ediyorum (ancak bu varsayım sadece benim gözlemime dayanıyor). Şimdiye kadar, PNG'leri SVG'ler üzerinden kullanmanın ana nedenlerinin IE8 ve SVG'nin daha fazla CPU gücü kullanması olduğunu biliyorum (ancak bunun basit 1K simgeleri için herhangi bir sorun olduğuna …

92 html  svg  icons 

Dönüştürülmüş image.svg'mi google harita simgesi olarak kullanabilir miyim? PNG resmimi svg'ye dönüştürüyordum ve bunu döndürülebilen google harita sembolü gibi kullanmak istiyorum. Zaten google harita sembolünü kullanmayı denedim ama araba, adam gibi bir ikona sahip olmak istiyorum ... Bu yüzden bazı png dosyalarımı svg'ye dönüştürdüm, tıpkı bu örnek sitede olduğu gibi …

91 google-maps  google-maps-api-3  svg 

HTML5'de elemanları isimleri ile başlar, XML öznitelikleri depolanan keyfi meta olabilir data-gibi <p data-myid="123456">. Bu da SVG spesifikasyonunun bir parçası mı? Uygulamada bu teknik, birçok yerde SVG belgeleri için iyi çalışır. Ancak bunun resmi SVG spesifikasyonunun bir parçası olup olmadığını bilmek istiyorum, çünkü format yeterince genç ve özellikle mobil tarayıcılarda …

87 svg  web-standards 

Aşağıdaki SVG'ye sahibim: <svg> <g> <path id="k9ffd8001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="#a0a700"></path> <path id="kb8000001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="url(#k9ffb0001)"></path> </g> </svg> Kod …

87 xml  image  svg  vector-graphics 

Diyelim ki bir çift kompozit şeklim var ( <g>). Tıklayıp sürükleyebilmek istiyorum, ancak şu anda sürüklediğim birinin Z sıralamasında diğerinin ÜSTünde olmasını istiyorum, böylece DİĞER'in üzerine sürüklersem, diğer biri tutulmalıdır.

86 javascript  svg 

Bir svgelemanın boyutlarını almanın doğru yolu nedir ? http://jsfiddle.net/langdonx/Xkv3X/ Chrome 28: style x client 300x100 offset 300x100 IE 10: stylex client300x100 offsetundefinedxundefined FireFox 23: "style" "x" "client" "0x0" "offset" "undefinedxundefined" Üzerinde genişlik ve yükseklik özellikleri vardır svg1, ancak .width.baseVal.valueyalnızca öğede genişlik ve yükseklik özelliklerini ayarlarsam ayarlanır. Keman şuna benzer: HTML …

86 javascript  svg 

D3 kitaplığını kullanarak bir SVG öğesini z sırasının en üstüne getirmenin etkili bir yolu nedir? Benim belirli senaryo (a ekleyerek hangi olayları bir pasta grafik strokeiçin pathfare belirli bir parçasının üzerinde olduğunda). Grafiğimi oluşturmak için kod bloğu aşağıdadır: svg.selectAll("path") .data(d) .enter().append("path") .attr("d", arc) .attr("class", "arc") .attr("fill", function(d) { return color(d.name); …

81 javascript  svg  d3.js 

Bir html tablo var ve bir hücreden diğer hücreye bir ok çizmek istiyorum. Örneğin şöyle: Bu nasıl yapılabilir? Örnek HTML: <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> Tarayıcıyı yeniden boyutlandırırsanız, ok (yeni) başlangıç ​​/ bitiş konumunda kalmalıdır.

13 javascript  html  svg 

Sıçrama ekranımda bir VectorDrawable göstermek istiyorum <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/white" android:gravity="fill" /> <item android:drawable="@drawable/splash_screen" android:gravity="bottom|center" /> </layer-list> SVG'm android:width="320dp"veandroid:height="238dp" <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="320dp" android:height="238dp" android:viewportWidth="320" android:viewportHeight="238"> <group> <clip-path android:pathData="M0,0h320v238h-320z M 0,0"/> <path android:pathData="M0,143.311a160,4.476 0,1 0,320 0a160,4.476 0,1 0,-320 0z" android:fillColor="#E6E6E6"/> <path android:pathData="M245.269,94.815C245.067,94.818 244.865,94.821 244.66,94.821C244.455,94.821 244.253,94.818 244.051,94.815C233.341,94.572 225.578,87.88 227.554,80.859L232.372,63.73L233.59,59.396L255.177,59.764L256.488,64.004L261.653,80.693C263.839,87.753 …

11 android  svg  splash-screen  android-vectordrawable 

На этот вопрос есть ответы на yığın taşması на русском : SVG + CSS Несколько анимаций Bir hazine haritası animasyonu oluşturdum, ilk önce yolu açık gri renkte gösterecek, ancak animasyon başladığında açık gri çizgilerin kaybolmasını veya ".road" dolgu animasyonu başladığında siyah renge dönmesini istiyorum. dolgu animasyonları bu pozisyon üzerinde giderken …

9 css  svg