使嵌入式SVG缩放以适合父容器
嵌入式SVG是一种可缩放矢量图形格式，可以通过在HTML文档中嵌入SVG代码来显示矢量图形。使嵌入式SVG缩放以适合父容器是指调整SVG图形的大小，使其适应其所在的父容器的大小。
嵌入式SVG的优势在于它可以无损地缩放，而不会失去图像的清晰度和质量。这使得SVG成为在不同设备和屏幕尺寸上显示图形的理想选择。通过调整嵌入式SVG的大小，可以确保图形在不同的父容器中都能完整显示，并且不会出现变形或裁剪。
应用场景：
- 网页设计：嵌入式SVG可以用于创建各种图标、按钮和其他界面元素，可以根据不同的屏幕尺寸和设备自动调整大小，提供更好的用户体验。
- 数据可视化：SVG图形可以用于绘制各种图表和图形，如折线图、柱状图、饼图等，通过调整大小可以适应不同的数据展示需求。
- 游戏开发：嵌入式SVG可以用于创建游戏中的角色、道具和背景等图形元素，通过缩放适应不同的游戏场景和屏幕尺寸。
- 移动应用：嵌入式SVG可以用于移动应用的图标、界面元素和动画效果，通过缩放适应不同的移动设备和屏幕分辨率。
腾讯云相关产品推荐：
腾讯云提供了一系列与云计算和嵌入式SVG相关的产品和服务，以下是其中几个推荐的产品：
- 云服务器（ECS）：腾讯云的云服务器提供了可靠的计算资源，可以用于部署和运行网站、应用程序等。通过创建适当配置的云服务器，可以将包含嵌入式SVG的网页部署到云上，并根据需要进行扩展和调整。
- 云存储（COS）：腾讯云的云存储服务提供了安全可靠的对象存储解决方案，可以用于存储和管理嵌入式SVG文件。通过将SVG文件上传到云存储，可以在网页中引用并进行动态调整。
- 云函数（SCF）：腾讯云的云函数是一种无服务器计算服务，可以根据触发事件自动运行代码。通过编写适当的云函数代码，可以实现对嵌入式SVG的动态生成和处理。
- 云网络（VPC）：腾讯云的云网络服务提供了安全可靠的网络连接和管理解决方案。通过创建适当配置的云网络，可以确保嵌入式SVG的传输和访问安全可靠。
更多关于腾讯云的产品和服务信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
我在一个动态大小的元素中放置一个角指令。指令本身由一个SVG组成，SVG是根据元素大小计算的。我试图使SVG自动调整大小和重新绘制基于容器的大小。
我一开始尝试过这样的方法：
my-directive.js
angular
.module('myModule')
.directive('myDirective', function () {
return {
templateUri: 'path/to/my-directive-template.html',
...
浏览 4提问于2014-08-05得票数 2
回答已采纳
2回答
当SVG图形显示在我的网页上时，我需要一些帮助来弄清楚如何调整其大小。
下面是图形、和的两个联合屏幕截图
我的问题是智能手机上的图形太小了。我怎样才能让它变得更大？我没有任何关于这个图形的响应性的东西，只是在我的网页中的普通SVG。所以我猜有些东西是可以做的，但我不知道具体是什么。
以下是SVG图形的开头：
<svg viewbox="0 0 1920 632" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
<title&g
浏览 15提问于2016-08-23得票数 0
2回答
SVG封面父母
、、
我使用以下命令创建了一个svg标记：
var NS = "http://www.w3.org/2000/svg";
var elem = document.createElementNS(NS, "svg");
elem.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");
elem.setAttribute("width", "100%");
e
浏览 7提问于2013-08-02得票数 0
回答已采纳
1回答
我正在尝试创建一个完全自我包含的SVG文档，当加载到web浏览器中时，它会自动缩放和中心到可用的空间。请注意，这与html文档中的SVG无关。
以下是这份文件：
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<
浏览 2提问于2015-03-22得票数 0
回答已采纳
1回答
我是WPF的新手。我正在创建一个应用程序，使我能够控制我的MIDI设备。为此，我创建了一个键盘用户控件。我认为它看起来很棒，但我不知道如何设计它，使其在绘制到窗口时可以缩放。关于修改下面的xaml，有人能帮上忙吗？
<Grid>
<StackPanel Orientation="Horizontal">
<Grid>
<Polygon Name="A0" Tag="21" Points="0,130 0,200 36,200 36,130 31,13
浏览 2提问于2012-06-06得票数 2
回答已采纳
1回答
如果视图框设置得太大，页面将滚动。有没有办法使视图框适合任何给定浏览器的大小？例如，我现在使用的是1600x1900的浏览器，其视图框如下： <svg viewBox="-300 0 1920 995"> 我的页面就会滚动。我最初在1080p显示器上制作网页，页面不能滚动。
浏览 10提问于2019-04-30得票数 0
我只想用Jssor做一个全屏幻灯片。但在我看来，容器的宽度和图像的宽度必须是固定的，而不是百分比。这是完全可能的吗？
浏览 32提问于2019-03-02得票数 1
我在我的网站中实现了以下插件
不幸的是，使用的svg的设置宽度是600px x 600px。我试图覆盖大小为350像素的较小的一个，但它不起作用。只是简单地切断了svg的一部分。有没有人能给我一些建议，如何让动画变小？
提前谢谢你，Ev Chen
浏览 1提问于2013-05-06得票数 0
1回答
规模SVG但没有其他？
、、、、
我仍然在玩D3和绘制SVG元素，我决定尝试制作一个可以根据轨道板(两指触摸展开)进行缩放的图形，或者是一个shift +滚动轮移动，但是其他的东西都保持原样。我注意到，当我尝试这些动作时，整个页面都在缩放。不幸的是，我不知道该怎么做。
$('#target').html('<svg height="200" width="200"><rect width="100" height="100" x="50" y="50" fill="red"
浏览 1提问于2015-03-04得票数 0
我正在开发一个程序，它根据用户的选择生成svg文件。其中一种选择是在第一个文件中以特定点为中心包含另一个svg文件。第二个文件具有未知的纵横比和大小，但它应该缩放到特定的最大大小，如高度或宽度，并应在一个特定点上居中。我现在使用的方法是使用一个包含所包含图像的SVG标记的G标记，并在G标记上执行转换以进行缩放和转换。有没有办法在不知道图像大小的情况下进行缩放以获得特定的大小？有没有办法将转换后的坐标应用于图像的中心而不是左上角？我是SVG的新手，所以我可能用错了方法。有没有更好的方法来获得同样的结果呢？
浏览 0提问于2009-09-23得票数 5
我有一个.png雪碧，它可以工作，但我切换到.svg，它正在缩小总图像的高度(24‘s)。这里是我的站点：，您可以在空白空间的侧边栏中看到它。我的代码：
ul.social {
text-align: center;
margin-top: 4em;
}
.social li {
display: inline-block;
}
.social a {
display: block;
width: 28px;
height: 24px;
background: url(assets/images/social.svg) no-repeat;
}
如果我将高度更改为336 If (
浏览 3提问于2014-09-23得票数 0
回答已采纳
1回答
所以我有一个网页，我设置了一个SVG缩放到其父div (位置:绝对)的100%的宽度，当我从它所在的目录打开它时，它是好的；然而，当我从它在互联网上的url打开它时，它看起来完全放大了，并且有滚动条来导航大的svg图像。
#titlebar {
top:0px;
width: 100%;
height: auto;
}
此代码使SVG在从文件驱动器(如file:///T:/public_html/...，)访问时缩小到父div的宽度，但使滚动条和SVG大小与原始大小相同，并在通过其url访问时具有滚动条来导航它。
浏览 0提问于2015-07-11得票数 0
我试图有一个SVG路径比例，以适应整个容器元素，而不拉伸或修剪。SVG如下所示。正如你所看到的，这是一个简单的边界。
<svg preserveAspectRatio="none" viewBox="0 0 370 80" height="100%" width="100%">
<path vector-effect="non-scaling-stroke" d="M359,70C359,70,300,70,185,70C84,70,9,70,9,70C9,70,9,60,9,40
浏览 4提问于2015-08-26得票数 0
回答已采纳
2回答
我的SVG的内容取决于设备的宽/高。有多个元素，我不能计算它的内容。现在如何根据内容设置svg的宽/高？
<Svg
ref="circleslider"
width={?}
height={?}
style={{ justifyContent: 'center', alignItems: 'center', }}>
.. my elemetns
更新完整代码：
return (
<View style={{ flex: 1,
浏览 4提问于2019-02-19得票数 0
2回答
我读了一篇解释css属性width和max-width的文章，并看到了这个例子：
img {
width: 100%;
max-width:700px;}
这意味着图像的固定宽度，如果父元素的宽度被显式声明，则应该占用父元素 - 的整个大小， - 所有的宽度都是100%，但是图像不应该超过700 it。这意味着图像可以小于700 be，如果这更适合它的情况(例如，较小的窗口大小)，但它永远不应该更多。因此，这里有两个条件，如果它愿意，图像的宽度可以是父元素的100%，但绝不能超过700 of。
但是，在这里添加width:100%不是不必要的吗？如果父级小于700 if，max-width
浏览 2提问于2020-09-30得票数 1
回答已采纳
2回答
我已经尽了最大努力将其简化为一个最小的工作示例，但请原谅底部的代码墙。我有一套小径，在这种情况下，它们会拼出“狗”这个词。我想在不保留高宽比的情况下把它们按比例放进盒子里。例如，有了适当的DOG定义，我得到：
<g>
<svg height="141.23" width="400.0" x="0.0" y="0.0">
<rect height="100%" width="100%"
stroke='black' fill=
浏览 2提问于2013-02-15得票数 9
回答已采纳
1回答
SVG D3图像大小调整问题
、、、、
我有一个使用d3创建的SVG图像。我希望将svg图像包含在其父div容器中。然而，svg超越了父div。下面是我的代码：
<div id="test" style="{width: 500px; height:500px;}">
<svg></svg>
</div>
<script>
var svg = d3.select("svg"),
width = +svg.attr("width"),
浏览 3提问于2017-11-29得票数 1
我正在使用ariutta SVG-PA-缩放库()。(也用于jquery.layout.js窗格和jquery-ui.js)
我希望保存svg缩放svg的值，并使用这些值跳转到相同的位置，使用一个具有不同大小窗口的浏览器。
目前，我正在使用getPan()和getZoom()保存值；然后在另一个浏览器中缩放(缩放)和pan( pan )，以缩放和平移到相同的位置。当浏览器窗口大小不同时，此操作不起作用。
我找到了这篇文章，但它没有提到一个大小不同的窗口：
浏览 5提问于2015-11-10得票数 1
回答已采纳
我可能只是遗漏了一些东西，但是我发现当SVG嵌入到HTML中时，viewBox会被遵守，但是preserveAspectRatio似乎被忽略了。这里有一个非常简单的演示。独立SVG：
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 720 960" preserveAspectRatio="xMinYMin meet">
<rect x="0" y="0" width="720" height=&#
浏览 10提问于2017-04-06得票数 1
回答已采纳
当我使用svg时，我在ios上注意到一件奇怪的事情。svg似乎在所有其他浏览器中都工作得很好，但在Safari ipad/iphone上，viewbox在svg的顶部和底部有一些奇怪的空间。有没有其他人遇到过这个问题，你能解决这个问题吗？使用一些简单的svg代码，例如：
<svg width="100%" viewBox="0 0 20 10">
<polygon fill=red stroke-width=0 points="0,10 20,10 10,0" />
</svg>
在ipad/iphon
浏览 0提问于2014-09-29得票数 16
2回答
我想把这张条形图缩小到它的容器大小。理想的情况是做一些像w= '100%'，h= '100%‘这样的事情。我可以这么做吗？
<div class="test" style="height:50px;width:100px;overflow:hidden"></div>
//Width and height
var w = 200,
h = 100,
barPadding = 1,
dataset = [ 5, 10, 13, 19, 21, 25, 22, 18, 15, 13,
浏览 2提问于2015-07-16得票数 3
回答已采纳
1回答
Svg呈现的像素数与指定的不同。
、、、、
我试图得到一个svg的精确像素计数，但它似乎是关闭的。我希望它是300x56，但出于某种原因，它的呈现为222 x41 。
但是，当我检查： 时，像素似乎不一致。
222 x41是如何计算的，为什么chrome调试器同时显示300x56和222x41？
浏览 5提问于2022-05-20得票数 0
1回答
我正经历着D3拖拽行为的“口吃”。
似乎是一个与类似的问题
但是，该解决方案似乎不适用于缩放行为。
下面是问题的一个示例：(尝试拖动矩形)
blocks = [
{ x: 0, y: 0 }
];
var translate_var = [0,0];
zoom_var = d3.behavior.zoom()
.on("zoom", function(d) {
d.x = d3.event.x;
d.y = d3.event.y;
draw();
});
svg = d3.select("body")
.appen
浏览 2提问于2015-04-21得票数 4
回答已采纳
1回答
我有一个svg文件，该文件由一组路径组成，我正在通过看到的方法来动画这些路径。这是动画路径的标准方法--有破折号偏移和什么的。
我已经测试了代码，并且它在我的svg文件上运行良好，当它是内联的-也就是说，svg路径的代码与脚本直接写入同一个文档中。您可以在行动中看到它。正在使用的脚本如下：
$(document).ready(function(){
var path = document.getElementsByTagName('path');
var length;
var anim = document.getElementsByTagName(
浏览 4提问于2015-03-08得票数 2
回答已采纳
2回答
使svg缩放到全屏大小
、、、
我正在尝试将svg缩放到浏览器窗口的完整大小。svg对象在一个高度和宽度都设置为100%的div中，我曾尝试使用svg中的viewBox，但都无济于事。
我正在使用的屏幕分辨率为1080p。
<div style="width:100%; height: 100%;">
<object id="map" type="image/svg+xml" data="worldHigh.svg">Your browser does not support SVG</object>
浏览 0提问于2014-09-05得票数 2
回答已采纳
我的html文件非常简单：
<body>
<canvas id="canvas" width="900" height="400"></canvas>
<button onclick="DrawSVG()">Draw SVG</button>
</body>
当单击按钮时，我使用canvg.js在画布上绘制了SVG
var opts = {
ignoreMouse: false,
ignoreClear: true,
ignoreDimension
浏览 1提问于2013-04-10得票数 1
3回答
我似乎无法摆脱由Illustrator CS5导出的SVG元素重复(作为CSS背景)之间的空白。
我使用的是一个简单的CSS、background-image和background-repeat: repeat-x，但是在每个重复之间总是有一个空白。我根本不使用background-size。
下面是我所看到的(在Safari/Chrome上测试)：
如果我打开SVG来检查旁边的任何空格，就不会有任何空白(参见右边的窗口)，它会一直延伸到窗口的一侧：
我尝试过用File -> Scripts -> SaveDocsAsSVG和Save as.. -> SV
浏览 5提问于2015-02-10得票数 19
回答已采纳
1回答
我正在使用html开发几个仪表板组件。(例如表格、svg元素等)
我不想指定这些组件的维度(宽度、高度)，因为我稍后在其他组件中重用它们。
我想让这些组件安装在包含它们的div中。
让我们假设我有一个用svg循环元素开发的饼图，或者一个在html中使用表标记的表，我希望这些组件填充包含它们的div。
有没有办法以百分比来指定这些元素的尺寸？
注意:在下面的代码中，使用了ReactJS，但想法是相同的。
代码：
<div class="wrapper">
<svg>
<g>
浏览 2提问于2015-04-06得票数 0
回答已采纳
1回答
我在此表单中嵌套了SVG，其中父SVG可以更改其宽度和高度：
<svg id="parent">
<svg id="noPreserveRatio"></svg>
<svg id="fixed"></svg>
</svg>
我希望带有id=“固定”的SVG始终具有与父SVG相同的高度(例如100 to )和width=100%。我希望带有id="noPreserveRatio“的SVG完全填充父容器。我尝试过使用viewbox和保存高宽比的不同方法，但
浏览 0提问于2018-04-20得票数 3
回答已采纳
1回答
SVG组的响应间隔？
、、、
我有一个从Adobe导出的SVG，它是一个由五个“卡片”组成的集合，显示一些人的面孔以特定的模式排列。下面是代码的结构：
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="430" viewBox="0 0 700 430">
<defs>
...
</defs>
<g id="USERS"
浏览 1提问于2020-06-21得票数 0
回答已采纳
我一直在做一个关于Treehouse的响应式网页设计的教程。在本教程中的这一点上，我们被要求将图像转换为svg，以便它可以完全响应缩放。
我没有使用我没有的Adobe Illustrator，而是使用了免费软件Inkscape。图像转换完成后，我们需要在文本编辑器中打开图像，删除svg声明中的高度和宽度要求，并将对象选择器添加到我们的样式css中。
img, object {
max-width: 100%;
}
然而，删除高度和宽度后，图像不会响应，而是像这样奇怪地裁剪：
有人知道我犯了什么错误吗？或者我应该去掉的东西？
很抱歉，如果之前有人问过这个问题，我找不到它。
浏览 59提问于2013-11-20得票数 24
回答已采纳
最近，我从一个关于 + React的教程系列中看到了D3。在这个视频中，为了调整图形的大小，创建了一个使用ResizeObserver的自定义钩子。
const useResizeObserver = ref => {
const [dimensions, setDimensions] = useState(null);
useEffect(() => {
const observeTarget = ref.current;
const resizeObserver = new ResizeObserver(entries => {
ent
浏览 6提问于2020-09-23得票数 2
回答已采纳
3回答
保留SVG文本的高宽比
、、、、
这是一个编辑的副本，我将删除，因为它问了两个相关的，但技术上不同的问题。
正如我在上一个问题中已经解释过的，我正在尝试制作一个带有4个按钮的导航div，一个向左，一个向右，另一个向下，另一个向上。另外，中间需要有一个OK按钮。
这与这里给出的解释非常有效：
我创建了SVG，如：
<div class="function height3x svg-container" style="height: 112px; width: 200px;">
<svg xmlns="http://www.w3.org/2000/svg" vers
浏览 5提问于2015-03-18得票数 9
回答已采纳
我有一个具有定义宽度和高度的SVG图像：
<svg width="1280" height="1920"> ... </svg>
我希望它保持它的纵横比，但是也尊重以下规则，所以它总是适合视口：
max-width: 100vw;
max-height: 100vh;
它可以很好地处理基本图像或画布元素，但是不适用于SVG图像。有什么想法吗？我不想添加额外的标记来完成这个任务。
svg {
max-width: 100vw;
max-height: 100vh;
background-color: green;
}
<
浏览 2提问于2021-07-12得票数 1
回答已采纳
我刚刚开始玩WPF。
有没有可能让Label的文本大小或者TextBlock本身的大小来填充它的父容器？
谢谢，马克
浏览 0提问于2009-06-11得票数 29
回答已采纳
1回答
djvanderlaan的d3.js 首先在SVG区域的中心定义了一个"sun“圈：
svg.append("circle").attr("r", 20).attr("cx", w/2)
.attr("cy", h/2).attr("class", "sun")
然后定义了围绕太阳的两个轨道(为了清晰起见，代码稍微重新排列)：
var planets = [
{ R: 300, r: 5, speed: 5, phi0: 90},
{ R: 150, r: 10, spee
浏览 0提问于2014-09-23得票数 0
回答已采纳
1回答
目标是拥有一个显示项目名称和项目%的表。我想要放一个动画背景颜色，将视觉显示这个%。因此，如果%为25，则表行的25%将填充颜色。到目前为止，这就是我所拥有的。我决定做一个额外的td，它保存的矩形将重叠前两个。
cshtml (在引导模式内)：
<script>
var modelThing = @Html.Raw(Json.Encode(Model.Things));
</script>
<table id="tableThing">
浏览 2提问于2016-05-04得票数 0
回答已采纳
1回答
好的,
所以我有一种情况，一个边框被缩放(有时是很大的比例)并被转换。在边框内是一个网格，在网格内是两个图像，一个是照片，被拉伸到边框的大小，另一个，我打算成为一个图标，它需要在左下角有固定的大小。
问题是，我想要删除缩放对图标的影响。这是因为我给了图标一个固定的大小，并希望它保持这个大小，但不幸的是，从边界的缩放正在向下传播边界的孩子，并影响他们。
所以我试着使用一个附加的属性，类似于这个像素捕捉文章()，但似乎没有什么不同。在逐步执行时，在我设置渲染变换之前，在LayoutUpdate中被修改的元素似乎总是有用于渲染变换的单位矩阵。
我猜我错过了渲染变换是如何应用于孩子的？
无论如何，这就
浏览 0提问于2010-09-21得票数 0
回答已采纳
我有一个网站，它发送了大约7兆的json数据到客户端，其中d3 (实际上是dimplejs)图表呈现。页面变得相当慢，在一些浏览器中根本不能工作。
我正在考虑在服务器中呈现svg，而不是让客户端浏览器来做这件事。我已经看过几篇关于这项技术的参考。但是，由于标签、条形宽度和如此多的元素依赖于图表的像素高度和宽度，并且这些尺寸在客户端浏览器呈现页面之前是未知的，人们如何处理这些问题？
我通常不是一个web/前端开发人员，所以我不知道我是否遗漏了一些明显的东西，或者我的假设是错误的。
浏览 0提问于2014-12-06得票数 0
5回答
我们的目标是让<svg>元素扩展到它的父容器的大小，在本例中是一个<div>，不管这个容器有多大或多小。
代码：
<style>
svg, #container{
height: 100%;
width: 100%;
}
</style>
<div id="container">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" >
<r
浏览 1提问于2012-01-19得票数 119
我有一系列的SVG文档。每个文档都包含一个作为背景的<image>。在此背景下渲染了许多形状，可以是<rect>、<polygon>或<path>。这些形状是在一个viewBox中呈现的，它的尺寸是<image>源代码的0.24因子。因此，<image>具有一个值为scale(0.24)的transform属性。
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" view
浏览 0提问于2017-11-06得票数 2
3回答
下面的html和css格式通过浮动排列我的图像，使每行有九个图像。然而，在每一行的末尾有一个很大的间隙(但可能不足以容纳另一个图像，因此新行开始)：
HTML：
<div id = "body">
<div class="img">
<a href="">
<img src="" width="110" height="90">
</a>
<div class="desc"></div&g
浏览 0提问于2012-12-24得票数 0
回答已采纳
我想使一个任意的SVG缩放到它的父容器，同时保持高宽比。注意，我不能修改SVG本身的，因此涉及修改SVG的解决方案，比如编辑它的viewBox属性，在这里不适用。
下面是一个演示这个问题的JSfiddle：
如果修改窗口的大小，您将看到图像缩放而不保持高宽比。
来自该JSfiddle的CSS：
html {
height: 100%;
overflow-y: hidden !important;
overflow-x: hidden !important;
}
body {
height: 100%;
margin: 0 0 0 0;
}
img {
position:
浏览 0提问于2019-09-11得票数 0
2回答
我有个小问题。在按下按钮时，我需要打开带有动画设置的面板。问题是，当我减少父对象(面板)的宽度和高度时，它不会隐藏任何子对象。在父对象中更改子对象时，如何使父对象影响孩子的高度和宽度？
浏览 0提问于2017-09-03得票数 1
回答已采纳
1回答
我在网上看到过几篇关于SVG高度的默认大小是150px的帖子，但我找不到一个明确的答案来解决这个问题。
<body>
<svg width='100%' height='100%'></svg>
</body>
我想要做的就是将SVG缩放到窗口的大小，但在1%或1000%时，高度始终是150px。
浏览 0提问于2017-06-17得票数 0
1回答
我想弄清楚，但有很多麻烦：
<div class="wrapper">
<svg width="100%" height="100%" viewbox="0 0 100 100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg
浏览 3提问于2018-05-01得票数 1
1回答
d3地理地图溢出
、、、
我尝试在div中显示我的地图--但我希望这个地图仅限于div-size --现在，它也忽略了w，h值和vis css设置。
设置svg的高度和宽度有意义吗？当我把投影的比例放上去时，它总是比组织的规模更大。svg。
var w = 200;
var h = 300;
// this will attach a svg-element with the class "map" to "mydiv"
var map = d3.select("#mydiv").append("svg:svg")
.attr("widt
浏览 0提问于2012-08-19得票数 1
回答已采纳
1回答
SVG线条动画淡入背景图像？
、、、、
我有一个SVG动画横幅，我想要淡入它下面的jpg图像。svg横幅会褪色，但背景图像的大小不同，而且它也会褪色，这是我不想要的。
我已经制作了一个带有黑色bg的svg线动画，当动画完成时，它会褪色，但我想在动画和黑色div褪色时显示一个图像，或者在动画和黑色div下面显示一个图像。能找到的我都试过了。我可以在它下面得到图像，但它与黑色div的大小和位置不同，并且图像也会淡出(我认为是由于jquery fade div.center-div代码？)。我想要图像留下来，我也想要它的响应性。我做了一个jsfiddle，但是黑色的div/svg在我的电脑上没有褪色，我不确定你在这里看不到jpg -
浏览 0提问于2019-04-09得票数 0
1回答
我正在做一个项目，其中我们有图表和表格输出到PDF。我们正在使用Apache来生成PDF。图表在SVG中，如果只有一个，则显示得很好。不过，我们会有多达4宗个案，而在这些情况下，4宗个案中只有3宗符合所产生的PDF格式。我需要所有的图像适合无论多少。我担心，简单地把页面放在风景中是一个暂时的解决方案，当我们需要更多的时候，才能适应。每个图表的大小都是由高级图表库从客户端生成的svg中设置的像素。看起来，这些图像似乎被插入到pdf中，没有任何缩放，即使我在下面的示例中为instream-foreign without设置了属性：。
所以我需要每个图表“收缩以适应”。我尝试过设置包含instrea
浏览 4提问于2013-10-16得票数 2
回答已采纳
1回答
我尝试使用Ionic设计一个登录屏幕，我的字段位于页面的中心。当我选择一个输入时，我想要向上滚动屏幕，使我的字段和登录按钮位于应用程序屏幕的中心。
我有这个在1中的东西，我想要2
我真的不知道该怎么做。
下面是我的html代码：
<ion-content class="login-page-background">
<div class="content-login">
<img src="assets/images/logo-yellow.svg" width="70%">
浏览 19提问于2017-03-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
