Pertanyaan yang diberi tag «svg»

Scalable Vector Graphics (SVG) adalah format grafis vektor dua dimensi berbasis XML yang juga dapat digunakan dalam HTML. Jangan tambahkan tag ini hanya karena proyek Anda menggunakan SVG. Alih-alih, tambahkan tag jika pertanyaan Anda tentang SVG, atau terkait erat dengannya, seperti bagaimana mencapai sesuatu dengan SVG.

7
Bagaimana cara menghilangkan spasi ekstra di bawah svg dalam elemen div
Berikut ilustrasi masalah (diuji di Firefox dan Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Lihat di JSFiddle Perhatikan redruang ekstra di dalam bagian divbawah biru svg. Sudah mencoba pengaturan paddingdan margindari kedua elemen ke 0, tetapi tidak berhasil.
93 html  css  svg 
10
Apa perbedaan antara SVG dan HTML5 Canvas?
Apa perbedaan antara SVG dan HTML5 Canvas? Mereka berdua sepertinya melakukan hal yang sama padaku. Pada dasarnya, mereka berdua menggambar karya seni vektor menggunakan titik koordinat. Apa yang saya lewatkan? Apa perbedaan utama antara SVG dan HTML5 Canvas? Mengapa saya harus memilih salah satu dari yang lain?
92 html  canvas  svg 
12
Teks transparan dipotong dari latar belakang
На этот вопрос есть ответы на Stack Overflow на русском : Прозрачный текст вырезан из фона Apakah ada cara untuk membuat teks transparan dipotong dari efek latar belakang seperti yang ada di gambar berikut, dengan CSS? Akan sangat menyedihkan jika kehilangan semua SEO yang berharga karena gambar yang menggantikan teks. …
92 css  svg  fonts  css-shapes 
6
Bagaimana cara menambahkan tooltip ke grafik svg?
Saya memiliki serangkaian persegi panjang svg (menggunakan D3.js) dan saya ingin menampilkan pesan saat gerakan mouse, pesan harus dikelilingi oleh kotak yang bertindak sebagai latar belakang. Keduanya harus benar-benar sejajar satu sama lain dan dengan persegi panjang (di atas dan di tengah). Apa cara terbaik untuk melakukannya? Saya mencoba menambahkan …
5
Ikon SVG vs. ikon PNG di situs web modern
Saya bertanya-tanya mengapa begitu sedikit situs web modern yang masih menggunakan hanya PNG untuk ikon (tetapi asumsi ini hanya berdasarkan pengamatan saya). Sejauh ini saya tahu, alasan utama menggunakan PNG daripada SVG adalah IE8 dan SVG menggunakan lebih banyak daya CPU (tapi saya tidak percaya ini adalah masalah untuk ikon …
92 html  svg  icons 
8
Cara menggunakan penanda SVG di Google Maps API v3
Dapatkah saya menggunakan image.svg saya yang telah dikonversi sebagai ikon peta google. Saya mengubah gambar png saya menjadi svg dan saya ingin menggunakan simbol peta google seperti ini yang dapat diputar. Saya sudah mencoba menggunakan simbol google map tetapi saya ingin memiliki ikon seperti car, man, dll ... Itulah mengapa …
4
Apakah dokumen SVG mendukung atribut data- khusus?
Di HTML5, elemen dapat memiliki metadata arbitrer yang disimpan dalam atribut XML yang namanya dimulai dengan data-seperti <p data-myid="123456">. Apakah ini juga bagian dari spesifikasi SVG? Dalam praktiknya, teknik ini berfungsi dengan baik untuk dokumen SVG di banyak tempat. Tapi saya ingin tahu apakah itu bagian dari spesifikasi SVG resmi …
6
Menggambar panah di atas HTML
Saya memiliki tabel html dan saya ingin menggambar panah dari satu sel ke sel lain. Misalnya seperti ini: Bagaimana ini bisa dilakukan? Contoh 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> Jika Anda mengubah ukuran browser, panah harus tetap pada …
13 javascript  html  svg 
2
Layar splash Android VectorDrawable
Saya ingin menunjukkan VectorDrawable di splash sreen saya <?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 saya memiliki android:width="320dp"danandroid: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 …
2
SVG CSS Beberapa animasi
Saya telah membuat animasi peta harta karun, pertama, itu akan menampilkan jalan dalam abu-abu terang tetapi ketika animasi dimulai saya ingin garis abu-abu terang menghilang atau berubah menjadi warna hitam ketika animasi isi ".road" menendang masuk. Saya berjuang untuk mendapatkan garis abu-abu terang ".steps" menghilang ketika animasi isi melewati posisi …
9 css  svg 
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.