1回答
我在缩放svg组件以适应它的父容器时遇到了一些问题。下面的代码导致svg被拉伸到窗口高度的100%和窗口的50%，而不是基于它所在的容器。我哪里错了？{ height: 100%; background-color:blue; width: 100%;}
.mapFrame <
浏览 29提问于2021-04-08得票数 0
回答已采纳
1回答
内插SVG的内禀比
、、、
我正在用JS构建一个内置的SVG。SVG的比例(又名比例)是动态的:在任何时候它都可以从JS中改变。img { height: auto;但这对<svg>来说是行不通的。小提琴：
的目标是缩放内嵌的SVG元素，以便在不扭曲其比例的情况下水平地适应容器。CSS不应该知道当前的SVG比例.
浏览 8提问于2014-12-23得票数 0
1回答
这是WIP : www.wearethefirehouse.com/wcftest我的代码是(包括透视图的整个部分，可能是冲突的div？)： <div class="col-md-8 col-md-offset-2">
<imgsrc="img/master-logo-white.svg<
浏览 4提问于2014-10-31得票数 1
1回答
使图表的大小调整到其外部容器
、、、、
目前，SVG的大小是由<svg width="960" height="600"></svg>确定的。如果我们将它更改为例如，<svg width="200" height="200"></svg>，我们将看到地图部分显示，而地图的实际缩放不会改变。
然而，我想让这个图表总是调整它的外部容器的大小。有人知道如何</e
浏览 4提问于2017-09-05得票数 0
1回答
我正在尝试扩展一个ReactJS组件，使其能够扩展以适应其父div容器。该组件返回一个具有多个子级的元素。react组件的API只允许我设置svg元素的CSS样式。我没有办法给svg元素一个viewbox属性。供参考的react组件：
浏览 1提问于2018-03-27得票数 2
因此，问题是-如何设置svg图标以适应容器大小？因为不幸的是没有任何调整的作物..。我不知道如何使我的文件-svg规模！这不是关于内联svg操作的问题！ width: 50px;}
width:100%;} <img src="https://svgsh
浏览 0提问于2018-06-25得票数 3
回答已采纳
2回答
我有来自不同来源的多个SVG，所以它们的高度、宽度和视图是不一样的。我想在相同的div中渲染它们，这个div有固定的高度和宽度，我希望我的SVG填充这个div。如何缩放SVG以适应div容器？例如，在下面的代码中，我希望两个SVG都能填充到“父”div，即100*100 is。下面是相同的链接。 <!version="1.1" id="Layer_1" xmlns="h
浏览 23提问于2022-08-26得票数 1
2回答
当SVG图形显示在我的网页上时，我需要一些帮助来弄清楚如何调整其大小。我的问题是智能手机上的图形太小了。我怎样才能让它变得更大？我没有任何关于这个图形的响应性的东西，只是在我的网页中的普通SVG。所以我猜有些东西是可以做的，但我不知道具体是什么。以下是SVG图形的开头：
<svg viewbox="0 0 1920 632" xmlns="http://www.w3.org/2000/s
浏览 15提问于2016-08-23得票数 0
1回答
如果你看看https://jsfiddle.net/0spv56uk/1/ 我在一个有容器的网站上创建一些东西。这个容器不能再宽了(它可能会稍微高一点--以适应屏幕的大小)。在这个容器中，我将设置图像。它们的大小各不相同。 这些图像/SVG能够在单击按钮时旋转(如代码所示)。我现在用的是华氏90度，但以后可能需要45度。 我遇到的问题是图像在旋转时会溢出容器。我需要它在旋转时在容器内缩
浏览 14提问于2019-06-19得票数 0
我正在使用Raphael，并创建一个宽度设置在容器的100%上的画布，如下.paper = Raphael('paper', '如何在所有平台上可靠地找到画布大小？如果解决方案不需要增加像素宽度，则将奖励积分，方法是按比例比例调整像素宽度。我确信这在canvas中是可能的，所以假设拉斐尔是可能的，所以如果我将所有元素创建到一个设置的宽度(例如100像素宽的画布)，那么我应该能够将画布<e
浏览 1提问于2012-12-05得票数 2
我有很多Raphael / SVG项目可能会超出边界。我想要的是能够自动缩放和中心的SVG显示所有内容。编辑这现在工作..。
浏览 4提问于2012-09-12得票数 4
1回答
缩放svg背景图像以适应容器。
、、、、
我有一个带有一定高度和宽度的简单的div容器。我需要一个svg图像作为我的div的::after的背景图像。/images/svg/triangle_blue.svg'); background-size: autotranslateX(100%); width: 50px;
height: 100%;
浏览 4提问于2015-11-18得票数 2
1回答
我试图使用默认的preserveAspectRatio="xMidYMid meet"来缩放SVG映像，以适应它的容器，但为了清晰起见，我还是要指定它。使用下面指定的CSS和SVG，缩放工作就像我在Chrome中想要的那样。然而，在IE和Firefox中，问题在于多边形的缩放具有保留的高宽比，但是背景不是。无论容器的高宽比如何，背景仍在填充整个容器。但不知道如何
浏览 6提问于2013-11-25得票数 1
回答已采纳
7回答
与字体图标相比，SVG图标有一些优势:它们可以缩放以适应可变大小的容器元素，并且理论上可以更改单个路径的颜色。我还喜欢我可以很容易地在Inkscape中制作它们的事实:P
但是，如何在CSS文件中移动SVG，以便它们可以像图标字体一样在同一个页面上重用，并仍然受益于这些优点呢？background属性支持SVG，但这意味着我必须将SVG放入background: url(#svg_element) :|如果我将其放入
浏览 3提问于2015-01-15得票数 6
我有一个具有定义宽度和高度的SVG图像：我希望它保持它的纵横比，但是也尊重以下规则，所以它总是适合视口：max-height: 100vh; max-width: 100vw; backg
浏览 2提问于2021-07-12得票数 1
回答已采纳
1回答
这个基于JavaScript的游戏是如何缩放的？当你调整浏览器窗口的大小时，游戏会很好地缩放以适应窗口。我确实在某处读到SVG是独立于分辨率的。但我不知道如何利用这一点。
浏览 1提问于2011-08-25得票数 0
但是，如果viewBox太大，那么还会有大量额外的空格进行缩放。有没有一种方法可以缩放viewBox或svg内容以适应它？我知道preserveAspectRatio可以将viewBox缩放到svg的宽度和高度，但我问的是如何缩放以适合viewBox。 更一般地说，如何确定文本的viewBox维度？
浏览 23提问于2019-06-14得票数 0
回答已采纳
1回答
我使用了一个div容器在其中插入一个徽标如下：css如下所示： width: 333px; background-image: url("../img/logo0.svg"); 但是，当我尝试重新设置#徽标(例如，对于屏幕较小的设备)时，它不会调整
浏览 2提问于2016-05-10得票数 2
回答已采纳
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
