SVG背景-固定高度

文章/答案/技术大牛

发布

1回答

css、svg

我有一个关于SVG格式的问题。我创建了背景，你可以在附加的截图中看到。svg数据中固定的高度也是不好的，因为我们没有保留完整的波形结构。<svg xmlns=

浏览 20提问于2020-02-16得票数 0

回答已采纳

1回答

如何使用JavaScript使SVG扩展到父容器的全高度和宽度？

javascript、html、css、svg

我有一个SVG的棒球钻石，我试图通过它的父容器的属性来设置它的宽度和高度。diamond'); const svgContainer = document.getElementsByClassName('svg_container

浏览 3提问于2018-03-30得票数 0

回答已采纳

1回答

如何将svg定位为垂直填充可变高度div？

svg

我已经创建了一些svg图形，我想要设置为背景在一些可变的高度div。我试图使用它们作为一个sprite，因此一个svg文件有几个组，每个组都有自己的id，我使用这些id来指定在每个div中呈现哪个背景。<svg width="0" height="0"> <!</h1> <svg class

浏览 1提问于2014-04-11得票数 0

回答已采纳

1回答

如何根据子内容的高度将高度分配给父div

css、svg、height、overflow、background-color

我想根据子内容为父级div分配高度(这里SVG是我的孩子，它有不同的大小数据)。我不能指定固定的高度，因为数据是动态的。我试着给高度:自动，但没有用。我想要整个数据，在我的情况下，方框应该采取黑色或红色背景。由于我将属性赋予SVG为(“溢出”、“可见”)，所以内容是可见的，但不幸的是，背景没有增加。注意:我的问题是我不能给整个数据的背景色，因为高度是没有定义的。如果我不给SVG(子)提供溢出属性，那

浏览 1提问于2021-10-23得票数 1

2回答

元素的复杂剪辑路径/ SVG背景

css、svg、css-shapes

我需要创建如下所示的图像：其中：青色背景代表黑色背景下的整体背景。黑色背景元素必须被视为一个单一元素，因为它将有一个模式覆盖在上面，这将必须停留在黑色元素的边界内，而不会出现在它的外部。另外要提到的是，黑色元素将有一个固定高度，但必须是其父元素的100%宽度。我想我可以用svg来代替它，但是由于它需要固定的高度，当它被拉伸时，它看起来会扭曲。更新

浏览 1提问于2015-12-26得票数 8

回答已采纳

2回答

具有固定背景附着的非矩形块

html、css、svg

我需要修剪块的角落，留下固定的背景( background -attachment: fixed)，这样它就可以滚动并通过v-bottom可见。此外，角度必须在每个相同的块中固定( svg掩码对我没有帮助，因为它是可伸缩的)。积木的高度是不同的。编辑:需要跨浏览器支持。

浏览 1提问于2014-06-18得票数 0

1回答

根据背景大小拉伸容器高度

javascript、html、css、responsive-design、background

在它的内部有第二个容器(蓝色)，在顶部有固定高度的div和背景图片。仅用css就可以实现吗？

浏览 3提问于2015-12-04得票数 0

1回答

使用Qt在不影响线宽和半径的情况下缩放SVG

qt、svg、rendering

我想使用SVG作为可缩放的背景图像(例如，一个圆角矩形作为按钮的背景)。我的问题是，按钮的大小取决于按钮的内容--例如它的文本。现在，我需要一种方法来绘制不同大小和纵横比的SVG，但具有相同的线宽和半径。<?><rect

浏览 1提问于2012-02-16得票数 1

回答已采纳

3回答

固定高度和100%宽度的图像

html、css、svg

我真的不能让这个图像在一个固定的高度100%水平拉伸。我不关心失真，因为它只是一个svg模式。我尝试过使用img-tag和div，并使用svg作为背景，但似乎都不起作用。/images/wave.svg); background-size: auto 50px;<div class="divider

浏览 0提问于2016-03-14得票数 0

4回答

是否将SVG的高度设置为行高？

css、svg

我想把我的SVG图片作为一个图标放在标题旁边： <h1 ><img src="icon-sell.svg" class="icon"> Verkaufen</h1> h1的字体大小为36px，line-heigt我使用检查器工具发现字体的计算高度为42.3px。如果我将svg的高度设置为42.px，则它们不匹配： ? 我也认为使用检查器工具有点脏，因为对于不同的缩放级别，高度会有一些变化，我想使用

浏览 125提问于2019-03-12得票数 3

回答已采纳

2回答

如何使用d3.js向Rickshaw添加图形/数据？

javascript、svg、d3.js、rickshaw

我现在拥有的是：背景条形码：maxHeight = 250; attr("width", 400).这正是我想要的，，除了，我已经使红色，黄色，绿色的<

浏览 3提问于2012-11-12得票数 4

回答已采纳

1回答

如何使响应式svg背景绝对居中？

css、svg、responsive

我正在努力实现以下结果：主体具有黑色背景和浏览器窗口的固定高度。该图形是一个简单的SVG，两边各有50px的边距。当浏览器调整大小时，这个比率应该保持一致。

浏览 0提问于2016-11-20得票数 0

1回答

div元素的大小略小(css计算大小小0.085 )

html、css

我有一个固定的高度/宽度为24px的div和背景图片，但0.1像素被浏览器裁剪… width: 24px; background: url(svg);}为什么会发生这种情况？

浏览 20提问于2019-08-02得票数 1

1回答

显示拉伸的SVG路径的图像模式

svg、background-image

我有一个长方形的div，在这里我添加了一个background-color，和一个带有重复的background-image，这样半透明的图像与背景颜色混合，并为我的内容制作了一个彩色图案的背景。使用生成SVG路径背景图像。使用以下代码： <svg id="curveUpColor" xmlns="http://www.w3.org/2000/svg" version="1.1" w

浏览 4提问于2019-10-12得票数 0

1回答

防止在调整浏览器窗口大小时缩放SVG元素

javascript、jquery、svg

我有一个SVG图像，基本上是一个背景与其他点(images)在上面。这是我的代码： <svg xml:space="preserve" enable-background-- and more points... --></div> 使用jQuery，我更改

浏览 1提问于2015-09-02得票数 3

回答已采纳

2回答

CSS:只向一个方向缩放背景SVG

css、svg、responsive-design、responsive-images

我有一个不错的背景SVG图像从inkscape，这标志着从一个文本部分到下一个。我希望这个背景图像能向上或向下缩放到文本部分的全部宽度。由于响应性的原因，该大小取决于浏览器的宽度。然而，我希望背景图像有一个固定的高度为20 of。 background-size: cover;不适用于我，因为它会切断右边的图像，而不是缩小它，好的。但是使用SVG，宽度被正确地调整，然后高度也被调整，这样图像确实保留了它原来的比例，这我不希望它。由于

浏览 1提问于2018-08-17得票数 7

回答已采纳

1回答

SVG固定填充大小

html、svg、svg-animate

我对svg文件有问题。我已将svg文件放入img中的src。SVG loader.svg：img在html中 <img src="loader.svg</

浏览 1提问于2020-05-12得票数 0

3回答

如何设计不固定高度页的梯度背景

html、css

如何设计2)有固定高度的垂直梯度背景(如600 to，从蓝色到白色到绿色)，那么其余的颜色相同吗？更新现在新的设计是从上到下，120 is固定高度从蓝到白，然后不固定的高度白色，然后120 is固定高度从白色到绿色。怎么编码？

浏览 4提问于2011-11-22得票数 3

回答已采纳

2回答

在Firefox中切断的SVG文本，独立于CSS/HTML结构

svg

我尝试过使用CSS，更改标签的宽度和高度(什么也没做)，更改标签的绝对位置(仍然在完全相同的位置被截断)，几乎尝试了任何HTML/CSS明智的方法。截图：

浏览 0提问于2012-04-17得票数 1

回答已采纳

1回答

调整容纳SVG* (d3)的React组件的大小*

css、reactjs、d3.js、svg、resize

在简单的react应用程序中，我有以下组件结构 <Navbar /> <Footer />Navbar有固定高度80 has图是一个d3包装器div，包含带有图元素的SVG。如何将图形放进屏幕的剩余高度，使其始终占据屏幕的剩余高度？如何在调整大小

浏览 3提问于2017-11-02得票数 1

回答已采纳

点击加载更多