Lập trình svg

14

Đã đóng cửa . Câu hỏi này dựa trên ý kiến . 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 để có thể trả lời bằng sự kiện và trích dẫn bằng cách chỉnh sửa bài đăng này . …

254 javascript jquery svg raphael

11

Làm cách nào để tôi căn giữa một SVG trong div?

Tôi có một SVG mà tôi đang cố gắng tập trung vào một div. Div có chiều rộng hoặc 900px. SVG có chiều rộng 400px. SVG có lề trái và lề phải được đặt thành tự động. Không hoạt động, nó chỉ hoạt động như thể lề trái là 0 …

254 css layout svg positioning margin

8

Có cách nào để sử dụng SVG làm nội dung trong phần tử giả: trước hoặc: sau

Tôi muốn đặt một số hình ảnh SVG trước một số yếu tố được chọn. Tôi đang sử dụng JQuery nhưng điều đó không liên quan. Tôi muốn có: trước phần tử là: #mydiv:before { content:"<svg.. code here</svg>"; display:block; width:22px; height:10px; margin:10px 5px 0 10px; } Nếu tôi làm như …

245 css svg

7

Làm thế nào tôi có thể tạo một thang đo Svg với thùng chứa mẹ của nó?

Tôi muốn có thang đo nội dung của phần tử svg nội tuyến khi kích thước không phải là nguồn gốc. Tất nhiên tôi có thể có nó như một tập tin riêng biệt và mở rộng nó như thế. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> …

235 css html svg scaling

12

Làm cách nào để tạo một giọt nước mắt trong HTML?

Làm cách nào để tạo hình như thế này để hiển thị trên trang web? Tôi không muốn sử dụng hình ảnh vì chúng sẽ bị mờ khi thu nhỏ Tôi đã thử với CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; …

222 html css svg css-shapes

10

Bạn có thể kiểm soát chiều rộng hành trình của SVG được vẽ không?

Hiện đang xây dựng một ứng dụng SVG dựa trên trình duyệt. Trong ứng dụng này, nhiều hình dạng khác nhau có thể được tạo kiểu và định vị bởi người dùng, bao gồm cả hình chữ nhật. Khi tôi áp dụng một yếu tố nói stroke-widthSVG , đột quỵ …

204 svg offset rect

4

Các tham số SVG như 'xmlns' và 'phiên bản' có cần thiết không?

Trong khoảng một nửa số ví dụ về Svg tôi thấy trên internet, mã được gói trong <svg></svg>các thẻ đơn giản . Trong nửa còn lại, các thẻ svg có rất nhiều thuộc tính phức tạp như thế này: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> Câu hỏi của tôi là: sử dụng …

203 xml svg tags

4

Định vị SVG

Tôi đang chơi với SVG và đang gặp một vài vấn đề với định vị. Tôi có một loạt các hình được chứa trong gthẻ nhóm. Tôi đã hy vọng sử dụng nó như một container, vì vậy tôi có thể đặt vị trí x của nó và sau đó …

203 svg position grouping

7

Làm cách nào để xóa hoặc thay thế nội dung SVG?

Tôi có một đoạn mã JavaScript tạo (sử dụng D3.js) một svgphần tử có chứa biểu đồ. Tôi muốn cập nhật biểu đồ dựa trên dữ liệu mới đến từ dịch vụ web bằng AJAX, vấn đề là mỗi lần tôi nhấp vào nút cập nhật, nó sẽ tạo một …

200 javascript ajax svg d3.js

8

Tôi có thể thay đổi màu tô của đường dẫn svg bằng CSS không?

Tôi có đoạn mã sau: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>&nbsp; </span> Có thể thay đổi màu tô của đường dẫn SVG bằng CSS hoặc một số phương tiện khác mà không thực sự …

200 css svg

14

phần bổ sung của jquery không hoạt động với phần tử svg?

Giả sử điều này: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Tại sao tôi không thấy gì?

199 jquery html svg

13

Cách tính Đường dẫn SVG cho một cung (của hình tròn)

Cho một vòng tròn có tâm ở (200.200), bán kính 25, làm thế nào để tôi vẽ một vòng cung từ 270 độ đến 135 độ và một vòng tròn từ 270 đến 45 độ? 0 độ có nghĩa là nó nằm ngay trên trục x (phía bên phải) (có …

191 svg

5

SVG: văn bản bên trong trực tràng

Tôi muốn hiển thị một số văn bản bên trong SVG rect. Có thể không? Tôi đã thử <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> Nhưng nó không hoạt động.

180 text svg rect

10

Cách đặt và căn giữa văn bản trong hình chữ nhật SVG

Tôi có hình chữ nhật sau ... <rect x="0px" y="0px" width="60px" height="20px"/> Tôi muốn tập trung vào từ "Tiểu thuyết" bên trong nó. Đối với các hình chữ nhật khác, liệu Svg có bao bọc trong chúng không? Tôi dường như không thể tìm thấy bất cứ điều gì cụ …

179 text svg

8

Bao gồm một SVG (được lưu trữ trên GitHub) trong MarkDown

Tôi biết rằng một hình ảnh có thể được đặt trong MD với cú pháp MD là ![Alt text](/path/to/img.jpg)hoặc ![Alt text](/path/to/img.jpg "Optional title"), nhưng tôi gặp khó khăn khi đặt một SVG trong MD nơi mã được lưu trữ trên GitHub. Cuối cùng sử dụng rails3 và thay đổi mô …

173 svg github markdown

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