27
4
我创建了一个 SVG 形状，它将包含各种基于文本的内容，范围在 1 到 8 行之间。我已经创建了我的形状和内容，但我正在使用 vị trí: tuyệt đối; 规则将内容拉入 SVG。这意味着如果我添加更多内容，形状将不会扩展。
这是否可能使用 SVG 元素，我查看了使用 text 标签，但似乎文本被分成单行，并绘制在我不知道的特定 x，y '相信在我的情况下会起作用。
Trung tâm cá nhân
Điều phát hành
từ bỏ
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sodales, odio ut egestas egestas, orci neque interdum sem, at malesuada enim tellus eget dui.
Name
这就是我提取内容的方式；
.caption-wrp{
padding:0px 50px;
text-align: center;
position: absolute;
top: -100px;
z-index: 999;
color: #fff;
}
JSFiddle - https://jsfiddle.net/783ob55u/2/
我读到的关于 SVG( View 框)的所有内容都表明它被绘制为固定大小。
编辑 - 我试图实现的示例(内容大小不会改变) - 
câu trả lời hay nhất
我已经为您尝试了另一种解决方案，如果我理解得很好，它应该是获得您想要的东西的良好基础。该图像并不完全适合该目的，因此您可能想要找到另一张图像或一组 2 张图像来切换媒体查询。
看看这里:http://codepen.io/anon/pen/JWyeQN
.hộp {
position: relative;
margin-top: 10%;
padding: 1.5em 20% 1.5em 1em;
background-color: #69f;
tràn: ẩn;
}
.right-corner {
background: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS7XbUc4oQQ0d0Ig4DvKipwx81Jk2B6FTsD7iyZCMS6tHBhHEQ7) no-repeat right top;
kích thước nền: bìa;
chiều rộng: 20%;
chiều cao: 100%;
position: absolute;
top: 0;
phải: 0;
}
svg {
chiều cao: 100%;
chiều rộng: tự động;
position: absolute;
top: 0;
left: 0;
}
polygon {
fill:#69f;
}
Toàn bộ trình bao bọc đều phản hồi nhanh, khối văn bản và đường viền bên phải sẽ luôn bao phủ 100% chiều cao của vùng chứa.
Nếu có điều gì không rõ ràng, xin vui lòng cho tôi biết.
希望对您有所帮助!
Về html - mở rộng chiều cao hình dạng SVG để phù hợp với nội dung, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/42645177/
27
4
0
đóng cửa. Câu hỏi này không đáp ứng các nguyên tắc của Stack Overflow. Hiện tại nó không chấp nhận câu trả lời. Bạn muốn cải thiện vấn đề này? Câu hỏi được cập nhật để làm cho câu hỏi trở thành chủ đề cho Stack Overflow. Đóng cửa 7 năm trước Cải thiện điều này
Có hai phần tử SVG (SVG1 và SVG2), trong đó SVG1 là một khu vực rộng lớn chứa nhiều phần tử khác nhau được thêm, xóa và di chuyển theo thời gian. Mặt khác, SVG2 cần được sử dụng làm biểu tượng đại diện cho phiên bản (nhỏ) của SVG1, rất nhỏ, nhưng
Tôi biết chúng ta có thể sử dụng document.createElementNS("http://www.w3.org/2000/svg","line"); để tạo phần nhúng vào trang html. Tuy nhiên, cách tiếp cận này dường như không hiệu quả
Tôi đang cố gắng sử dụng phần phụ thuộc Flutter SVG, tôi đặt svg vào Tài sản, đặt nó trong pubspec.yaml và đặt nó trong tiện ích của mình, tuy nhiên, svg được tải bằng hộp chứa màu đen. Tôi đã thử thay đổi sv
Tại sao bản demo này: http://jsbin.com/ejorus/2/edit, lồng một phần tử vào trong một phần tử khác? JS
Thật khó để nói những gì đang được hỏi ở đây. Câu hỏi mơ hồ, mơ hồ, không đầy đủ, quá rộng hoặc hùng biện và không thể trả lời hợp lý ở dạng hiện tại. Để được trợ giúp làm rõ vấn đề này để bạn có thể mở lại, hãy truy cập trung tâm trợ giúp. Đã đóng
Tôi đang cố gắng thực hiện điều gì đó rất đơn giản trong SVG: Chia toàn bộ khung nhìn thành hai hình chữ nhật. Chiều rộng của mỗi hình chữ nhật phải bằng 50% chiều rộng của khung nhìn. khung nhìn. khung nhìn) chiều cao
Tôi đang cố gắng tập trung một trò chơi svg vào giữa vòng tròn SVG nhưng dường như không thể tìm ra cách thực hiện. Theo chiều dọc và chiều ngang. https://jsfiddle.net/c0qshm0t/17/ Hầu hết
Có thể sử dụng một hình dạng SVG làm phần tô cho hình dạng khác không? Câu trả lời hay nhất bạn muốn sử dụng Mẫu SVG Xem ví dụ này: Lưu ý.
Tôi có một đường dẫn rất đơn giản trong SVG. (Xem trước: https://i.imgur.com/nVnxcRg.png) Tôi muốn
Tôi có thể tạo đa giác thông qua: #!/usr/bin/env python từ shapely.geometry import Polygon Area = Polygon(((52, 13),
SVG tôi sử dụng yêu cầu không hiển thị. Trong thiết bị đầu cuối của tôi, Nội dung svg được phát ra và đường dẫn được đặt chính xác trong html của tôi. Tuy nhiên, SVG không hiển thị, trong khi các định dạng khác như jpg hoặc png thì có.
Tôi gặp sự cố với chế độ hòa trộn SVG. Tôi có bốn đường dẫn trong SVG và tôi muốn kết hợp chúng bằng công thức: (1*2) + (3*4) tức là đường dẫn 1 và đường dẫn 2 phải được trộn bằng chế độ nhân và tương tự, đường dẫn 3 và đường dẫn 4 nên được trộn bằng cách sử dụng lẫn nhau
Tôi không thể vượt qua 2 cấp độ. (Đã thử trên Iceweasel và Chrome.) Để thử nghiệm, tôi đã thử một biến thể của mã được cung cấp trong câu trả lời trước đó. .Tệp này bao gồm 3 tệp riêng biệt,
Vui lòng trích dẫn đường dẫn clip trong ID nhóm nhóm sau -> "container_svg_symbolGroup1_0 (là biểu tượng hình tròn) không hiển thị khi tôi xóa đường dẫn clip hiển thị trong sơ đồ. Vấn đề là gì? Tại sao
Đã tạo một vùng văn bản trong svg bằng cách sử dụng Union JS. Tuy nhiên, tôi không thể nhập bất kỳ văn bản nào vào vùng văn bản. Làm cách nào để chỉnh sửa vùng văn bản? Mã: var graph = new Joint.dia.Graph;
Bạn có thể dừng và lặp lại hoạt ảnh mà không bị hạn chế, nhưng nếu bạn khởi động lại hoạt ảnh không xác định, nó sẽ mất giá trị tích lũy và bắt đầu từ giá trị ban đầu. Có lẽ tôi nên làm rõ bằng một ví dụ; lấy hoạt ảnh này: Nếu tôi dừng hoạt ảnh này và bắt đầu một hoạt ảnh khác ảnh hưởng đến chuyển động quay của cùng một đối tượng (
Nếu tôi hiển thị SVG thông thường trong trình duyệt (dưới dạng tệp độc lập hoặc được nhúng trong HTML), thì có sự khác biệt về mặt lý thuyết nào về hiệu quả giữa việc có nhiều phần tử đường dẫn riêng lẻ so với một phần tử đường dẫn khổng lồ không? Tôi đang nghĩ về một loại hoạt hình nào đó từ một bức ảnh này sang một bức ảnh hoàn toàn khác
Có đường dẫn tương đương trong đường dẫn svg cho hình ảnh rùa của logo không? Thay vì tọa độ x và y được mã hóa cứng, điều này cũng buộc tôi phải điều chỉnh các điểm kiểm soát khi di chuyển phương pháp "gia tăng" tương đối hơn. Giải pháp của tôi sẽ hiệu quả với FOCS (Firefo
Hiện đang sử dụng phần tử SVG với một loạt phần tử sẽ mang lại cho nó một góc cạnh thuôn nhọn. Tôi đã thử rất nhiều kiểu CSS khác nhau để giải quyết vấn đề này nhưng không có tác dụng gì. Đây là mã cho một vòng tròn có các mũi khâu:
Tôi là một lập trình viên xuất sắc, rất giỏi!