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

Có thể nhúng đánh dấu SVG vào thành phần ReactJS không? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Kết quả là lỗi: Thuộc tính không gian tên không được hỗ trợ. ReactJSX không phải là XML. Cách nhẹ nhất để làm điều …

127 javascript  svg  reactjs 

Đã đóng cửa. Câu hỏi này không đáp ứng các nguyên tắc về Stack Overflow . Nó hiện không chấp nhận câu trả lời. Bạn muốn cải thiện câu hỏi này? Cập nhật câu hỏi để nó đúng chủ đề cho Stack Overflow. Đã đóng cửa 2 năm trước . …

114 pdf  svg 

Vì vậy, thông thường để bao gồm hầu hết các biểu tượng SVG của tôi yêu cầu tạo kiểu đơn giản, tôi thực hiện: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Bây giờ tôi đã chơi với ReactJS vì đánh giá muộn nó là một thành phần có thể có trong ngăn …

114 svg  sprite  reactjs 

Tôi có một số tệp SVG chỉ định widthvà heightcũng như viewboxthế này: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... nhưng làm thế nào để hiển thị chúng trong trình duyệt ở kích thước tôi quyết định? Tôi muốn chúng nhỏ hơn và đã thử: <object width="400" data="image.svg"></object> …

114 html  svg 

Tôi đang cố gắng chọn công nghệ phù hợp để sử dụng cho việc cập nhật một dự án về cơ bản hiển thị hàng nghìn điểm trong một biểu đồ có thể thu phóng, xoay được. Việc triển khai hiện tại, sử dụng Protovis, là kém hiệu quả. Kiểm …

114 html  canvas  svg  d3.js  kineticjs 

Trong khi xử lý XML của mình, tôi đang cố gắng sao chép hreftrực tiếp tệp SVG được tham chiếu từ một thuộc tính vào HTML đầu ra của mình với dòng sau: <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> Điều copy-namespacesnày không cần thiết vì dù sao giá trị mặc định là "có", …

113 html  xml  svg  xslt-1.0  xslt-2.0 

Kích thước biểu tượng yêu thích, định dạng tệp và thẻ meta / liên kết nào nên được sử dụng kể từ năm 2020? Điều này bao gồm biểu tượng quả táo, cửa sổ, android và các thiết bị khác mà mọi người sử dụng ngày nay. Tôi sử dụng …

113 html  svg  png  favicon 

Mục đích là để <svg>phần tử mở rộng đến kích thước của vùng chứa mẹ của nó, trong trường hợp này là a <div>, bất kể vùng chứa đó lớn hay nhỏ. Mật mã: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect …

112 css  html  svg  responsive-design 

Tôi đang thực hiện một dự án web liên quan đến một bản đồ được tạo động của Hoa Kỳ tô màu các tiểu bang khác nhau dựa trên một tập hợp dữ liệu. Tệp SVG này cung cấp cho tôi một bản đồ trống tốt của Hoa Kỳ và …

111 php  svg  imagemagick  jpeg  gd2 

Tôi vừa gặp phải một vấn đề rất kỳ lạ chỉ hiển thị trong Safari 10. Tôi có thẻ chơi, hình ảnh svg, đôi khi được xoay vòng bằng cách sử dụng transform:rotate(xdeg). Thẻ tôi đang sử dụng có hình khối màu đỏ. Khi nó không được xoay hoặc xoay …

109 html  css  svg  safari 

Tôi muốn hiển thị <text>trong SVG những gì sẽ tự động xếp dòng vào vùng chứa <rect>giống như cách văn bản HTML điền vào <div>các phần tử. Có cách nào để làm điều đó? Tôi không muốn định vị các dòng riêng biệt bằng cách sử dụng <tspan>s.

108 xml  text  svg  word-wrap 

Trong typescript(*.tsx)các tệp, tôi không thể nhập tệp svg với câu lệnh này: import logo from './logo.svg'; Transpiler nói: [ts] cannot find module './logo.svg'. Tập tin svg của tôi chỉ là <svg>...</svg>. Nhưng trong .jstệp, tôi có thể nhập nó mà không gặp bất kỳ vấn đề nào với cùng …

108 typescript  svg 

Vì vậy, đây là những gì tôi có: <path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" id="tooltip" ...>Tooltip</text> <script> <![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); …

107 javascript  svg  newline  line-breaks 

Khi SVG được đưa trực tiếp vào tài liệu bằng cách sử dụng <svg> thẻ, bạn có thể áp dụng kiểu CSS cho SVG thông qua biểu định kiểu của tài liệu. Tuy nhiên, tôi đang cố gắng áp dụng một kiểu cho SVG được nhúng (sử dụng <object>thẻ). Có …

107 html  css  svg 

Sự khác biệt giữa thuộc tính x và dx của svg (hoặc y và dy) là gì? Khi nào là thời điểm thích hợp để sử dụng thuộc tính dịch chuyển trục (dx) so với thuộc tính vị trí (x)? Ví dụ: tôi đã nhận thấy rất nhiều ví dụ …

106 svg  d3.js