Pertanyaan yang diberi tag «svg»

Saya sedang mengerjakan beberapa ECMAScript / JavaScript untuk file SVG dan perlu mendapatkan widthdan heightdari textelemen sehingga saya dapat mengubah ukuran persegi panjang yang mengelilinginya. Dalam HTML saya akan dapat menggunakan atribut offsetWidthand offsetHeightpada elemen tetapi tampaknya properti tersebut tidak tersedia. Ini fragmen yang perlu saya kerjakan. Saya perlu mengubah …

106 javascript  dom  text  svg 

Apa perbedaan antara atribut x dan dx svg (atau y dan dy)? Kapan waktu yang tepat untuk menggunakan atribut pergeseran sumbu (dx) versus atribut lokasi (x)? Misalnya, saya telah memperhatikan banyak contoh d3 melakukan hal seperti ini chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") Apa keuntungan …

106 svg  d3.js 

Apa sebenarnya yang dilakukan enable-backgroundatribut itu? Saya membaca spesifikasinya tapi tetap saja saya tidak memahaminya.

105 svg 

Saya perlu mengubah ukuran dan memutar elemen tertentu dalam dokumen SVG menggunakan javascript. Masalahnya adalah, secara default, itu selalu menerapkan transformasi di sekitar asal di (0, 0)- kiri atas. Bagaimana saya bisa mendefinisikan ulang titik jangkar transformasi ini? Saya mencoba menggunakan transform-originatribut, tetapi tidak mempengaruhi apa pun. Beginilah cara saya …

104 svg  coordinate-transformation 

Saya mencoba menerapkan gradien ke rectelemen SVG . Saat ini, saya menggunakan fillatribut. Di file CSS saya: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } Dan rectelemen memiliki warna isian yang benar jika dilihat di browser. Namun, saya ingin tahu apakah saya dapat menerapkan gradien linier ke elemen ini?

104 css  svg  gradient  linear-gradients 

Saya ingin dapat menyetel lebar goresan pada elemen SVG menjadi "peka-piksel", yang selalu lebar 1 piksel terlepas dari transformasi penskalaan saat ini yang diterapkan. Saya sadar bahwa ini mungkin tidak mungkin, karena inti dari SVG adalah tidak bergantung pada piksel. Konteksnya sebagai berikut: Saya memiliki elemen SVG dengan viewBox dan …

103 svg  visualization 

Saya memiliki dokumen SVG, dan saya ingin menyertakan gambar svg eksternal di dalamnya, misalnya: <object data="logo.svgz" width="100" height="100" x="200" y="400"/> ("object" hanyalah sebuah contoh - dokumen terluar akan menjadi SVG bukan xhtml). Ada ide? Apakah ini mungkin? Ataukah hal terbaik bagi saya untuk menampar logo.svg xml ke dalam dokumen SVG …

103 xml  svg  embedding 

Saya memiliki beberapa grafik SVG yang ingin saya ubah warnanya melalui style sheets eksternal saya - tidak secara langsung di dalam setiap file SVG. Saya tidak meletakkan grafik sebaris, tetapi menyimpannya di folder gambar saya dan mengarahkannya. Saya telah menerapkannya dengan cara ini untuk memungkinkan tooltips bekerja, dan saya juga …

102 html  css  svg  stylesheet  external 

Tutup. Pertanyaan ini tidak memenuhi pedoman Stack Overflow . Saat ini tidak menerima jawaban. Ingin memperbaiki pertanyaan ini? Perbarui pertanyaan agar sesuai dengan topik untuk Stack Overflow. Tutup 6 tahun lalu . Perbaiki pertanyaan ini Saya sudah mencoba mengonversi gambar SVG ke PNG menggunakan C #, tanpa harus menulis terlalu …

102 c#  .net  png  svg 

Saya ingin mewarnai latar belakang svg textseperti background-colordi css Saya hanya dapat menemukan dokumentasi fill, yang mewarnai teks itu sendiri Apakah itu mungkin?

101 css  svg  background-color 

Bagaimana saya mengkonversi svgke png, di Python? Saya menyimpan svgdalam sebuah contoh StringIO. Haruskah saya menggunakan pustaka pyCairo? Bagaimana cara menulis kode itu?

99 python  svg  rendering  cairo 

Saya mengalami masalah dengan google chrome yang tidak merender svg dengan tag img. Ini terjadi saat memuat ulang halaman dan pemuatan halaman awal. Saya bisa mendapatkan gambar untuk muncul dengan "Memeriksa Elemen" lalu mengklik kanan file svg dan membuka file svg di tab baru. Gambar svg kemudian akan ditampilkan di …

95 google-chrome  svg 

Sepertinya ini seharusnya mudah, tetapi saya hanya tidak mendapatkan sesuatu. Saya ingin membuat halaman HTML yang berisi gambar SVG tunggal yang secara otomatis menyesuaikan dengan jendela browser, tanpa scrolling apa pun dan dengan tetap mempertahankan rasio aspeknya. Misalnya, saat ini saya memiliki gambar SVG 1024x768; jika viewport browser 1980x1000 maka …

94 layout  xhtml  svg  scaling  aspect-ratio 

Menyetel lebar guratan: 1 pada <rect>elemen di SVG menempatkan guratan pada setiap sisi persegi panjang. Bagaimana seseorang menempatkan lebar guratan hanya pada tiga sisi persegi panjang SVG?

93 html  svg  vector-graphics  inkscape 

Saya ingin mendapatkan data jalur SVG dari mesin terbang Font Awesome sehingga saya dapat menggunakannya langsung sebagai SVG di HTML saya. Saya pikir itu akan semudah menyalin-menempelkan data jalur dari fontawesome-webfont.svg , tetapi ketika saya menggunakannya di HTML saya, semua simbol dirender secara terbalik. Ada yang tahu kenapa? (Lihat Biola …

93 html  svg  font-awesome