Câu hỏi được gắn thẻ «svg»

Tôi có thể sử dụng image.svg đã chuyển đổi của mình làm biểu tượng bản đồ google không. Tôi đang chuyển đổi hình ảnh png của mình thành svg và tôi muốn sử dụng biểu tượng này như biểu tượng bản đồ google có thể xoay được. Tôi đã cố …

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

Tôi có một loạt các hình chữ nhật svg (sử dụng D3.js) và tôi muốn hiển thị thông báo khi di chuột qua, thông báo phải được bao quanh bởi một hộp hoạt động như nền. Cả hai đều phải được căn chỉnh hoàn hảo với nhau và với hình …

91 javascript  svg  d3.js  tooltip 

Có cách nào để làm cho một văn bản trong suốt cắt ra khỏi hiệu ứng nền như trong hình sau, bằng CSS không? Sẽ rất buồn nếu mất tất cả SEO quý giá vì hình ảnh thay thế văn bản. Lần đầu tiên tôi nghĩ đến bóng tối nhưng …

90 css  svg  fonts  css-shapes 

Tôi tự hỏi tại sao rất ít trang web hiện đại vẫn chỉ sử dụng PNG cho các biểu tượng (nhưng giả định này chỉ dựa trên quan sát của tôi). Cho đến nay tôi biết, lý do chính để sử dụng PNG trên SVG là IE8 và SVG sử …

90 html  svg  icons 

Tôi muốn lấy dữ liệu đường dẫn SVG từ các glyph của Font Awesome để có thể sử dụng chúng ngay lập tức dưới dạng SVG trong HTML của mình. Tôi nghĩ nó sẽ dễ dàng như sao chép dữ liệu đường dẫn từ fontawesome-webfont.svg , nhưng khi tôi sử …

89 html  svg  font-awesome 

Dưới đây là hình ảnh minh họa sự cố (được thử nghiệm trong Firefox và Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Chạy đoạn mãẨn kết quảMở rộng đoạn mã Xem trên JSFiddle Chú ý redkhông gian thừa bên trong bên divdưới màu xanh lam svg. Đã thử cài …

88 html  css  svg 

Trong HTML5, các phần tử có thể có siêu dữ liệu tùy ý được lưu trữ trong các thuộc tính XML có tên bắt đầu bằng data-chẳng hạn <p data-myid="123456">. Đây có phải là một phần của thông số kỹ thuật SVG không? Trong thực tế, kỹ thuật này hoạt …

87 svg  web-standards 

Giả sử tôi có một vài hình dạng tổng hợp ( <g>). Tôi muốn có thể nhấp và kéo chúng, nhưng tôi muốn cái mà tôi đang kéo vào lúc này ở trên đầu cái kia theo thứ tự Z, để nếu tôi kéo nó qua cái KHÁC, cái kia …

85 javascript  svg 

Cách thích hợp để lấy kích thước của một svgphần tử là gì? 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" Có thuộc tính chiều rộng và chiều cao được bật svg1, nhưng .width.baseVal.valuechỉ được đặt …

85 javascript  svg 

Tôi có SVG sau: <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> …

83 xml  image  svg  vector-graphics 

Tôi đang bối rối với SVG và tôi hy vọng mình có thể tạo tệp SVG trong Illustrator và truy cập các phần tử bằng Javascript. Đây là tệp SVG mà Illustrator khởi động (Có vẻ như nó cũng thêm một lượng rác vào đầu tệp mà tôi đã xóa) …

83 javascript  svg  raphael 

Cách hiệu quả để đưa phần tử SVG lên đầu thứ tự z, sử dụng thư viện D3 là gì? Kịch bản cụ thể của tôi là một biểu đồ hình tròn sẽ làm nổi bật (bằng cách thêm a strokevào path) khi chuột đi qua một phần nhất định. …

81 javascript  svg  d3.js 

Tôi chưa quen với mã hóa d3 và svg và đang tìm cách xoay văn bản trên xAxis của biểu đồ. Vấn đề của tôi là tiêu đề xAxis thường dài hơn so với các thanh trong biểu đồ thanh rộng. Vì vậy, tôi đang tìm cách xoay văn bản …

81 text  svg  transform  d3.js 

Làm cách nào để tạo đồ họa SVG bằng JavaScript? Tất cả các trình duyệt có hỗ trợ SVG không?

80 javascript  graphics  svg 

Android có hỗ trợ SVG không? bất kỳ ví dụ?

79 android  svg