如何拉伸SVG图像？
SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，可以通过代码描述图形，而不是像位图那样基于像素。拉伸SVG图像可以通过修改其视口（viewbox）和尺寸来实现。
要拉伸SVG图像，可以按照以下步骤进行操作：
- 修改视口（viewbox）：SVG图像的视口定义了图像的可见区域和坐标系统。通过修改视口的宽度和高度，可以改变图像的拉伸效果。例如，将视口的宽度和高度都增加一倍，图像就会被拉伸为原来的两倍大小。
- 修改尺寸属性：SVG图像可以通过设置width和height属性来指定其显示尺寸。通过修改这些属性的值，可以改变图像的拉伸效果。例如，将width和height属性的值都增加一倍，图像就会被拉伸为原来的两倍大小。
- 使用CSS进行缩放：可以使用CSS的transform属性来对SVG图像进行缩放。通过设置transform属性的scaleX和scaleY值，可以实现图像的水平和垂直拉伸。例如，设置transform: scale(2, 1)可以将图像在水平方向上拉伸为原来的两倍大小。
- 使用JavaScript进行动态拉伸：通过使用JavaScript，可以动态地修改SVG图像的视口、尺寸属性或CSS属性，实现图像的动态拉伸效果。例如，可以通过监听窗口大小变化事件，根据窗口大小动态调整SVG图像的尺寸，实现响应式的拉伸效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
腾讯云云服务器（CVM）是一种弹性计算服务，提供可扩展的计算能力，适用于各种应用场景。您可以在CVM上部署和运行前端、后端和移动应用程序，并进行云原生、网络通信、网络安全等相关开发工作。
腾讯云对象存储（COS）是一种高可用、高可靠、低成本的云存储服务，适用于存储和管理各种类型的数据，包括图像、音视频、多媒体文件等。您可以将SVG图像上传到COS，并通过COS提供的API进行管理和访问。
更多关于腾讯云云服务器（CVM）的信息，请访问：腾讯云云服务器产品介绍
更多关于腾讯云对象存储（COS）的信息，请访问：腾讯云对象存储产品介绍
相关·内容
1回答
我尝试使用SVG图像作为我的按钮的图像。我之所以使用SVG，是因为我的按钮大小各不相同。但是，当我在样式表中使用它时，svg图像不会根据按钮的大小进行拉伸。
如何根据Qt样式表中按钮的大小调整它的大小？
浏览 1提问于2011-01-04得票数 2
回答已采纳
5回答
我使用svg图像作为背景，并通过背景大小拉伸SVG图像。我想让它只在宽度方面是正确的。它在火狐，IE9 +上运行的很好，但是chrome。请告诉我怎样才能做到这一点。
.homecallouts ul li {
background-image: url('blue_arow_callout.svg');
background-size: 100% 100%;
width: 21%;
height: 42px;
请参阅jsbin代码
当我在firefox中调整大小时，只有宽度拉伸，但在chrome中，宽度和高度都在拉伸。我只想让宽度伸展。
浏览 1提问于2013-07-05得票数 11
1回答
我想有两个图像作为背景，是对角线分开。我认为最好的选择是使用SVG形状作为剪裁口罩，但我不确定。
下面的图片显示了我想实现的目标。正如你所看到的，这两幅图像是完全对角分裂的。
一直困扰我的问题是，我无法找到一种方法来创建这样的分裂，同时不拉伸这些图像，并始终保持全屏(因此响应)。
我的问题/目标:如何制作一个由两个对角线分开的图像组成的页面，这些图像一起形成一个全屏视图，其中图像没有拉伸，分割在两个角落。
编辑:在的帮助下，您可以轻松地创建两个对角线。这是把图像作为这些多边形的背景的问题。然而，图像应该是全屏的，因此应该缩放，而不是拉伸。
复制下面的答案
Your best bet
浏览 1提问于2015-11-30得票数 3
回答已采纳
1回答
在SVG中有没有一种方法可以在图像拉伸时绘制一条保持细长的线条？
我使用SVG图像作为CSS背景，如下所示：
<svg ... preserveAspectRatio="none" viewBox="0 0 15 15">
<line x1="0" y1="15" x2="15" y2="0"
color="#000" stroke="#333" stroke-width="1" />
</svg>
浏览 4提问于2012-04-15得票数 21
回答已采纳
我正在制作一个基于传单的应用程序，我希望用户能够在地图上“绘制”一个svg图像。为了实现这一点，我跟踪mousedown和mouseup事件来定义imageBounds，并使用imageOverlay绘制svg图像。
我希望svg图像被拉伸，这样它完全适合定义的imageBounds，但是它是缩放的，所以它适合在imageBounds中，而不扭曲高宽比。
是否有一种方法可以使imageOverlays忽略它们原来的纵横比和伸长以适应imageBounds？
imageBounds = [southwest, northeast];
_tempShape = L.imageOverlay(_im
浏览 0提问于2015-11-24得票数 6
回答已采纳
1回答
在SVG中弯曲图像
、、、
在我的SVG应用程序中，我有用户可以扩展的图像。我想给用户提供控制，这样他们也可以从边缘弯曲它们。
这是一个用户可以做什么的可视化示例。
我很乐意听到关于如何做到这一点的建议。
一种可能的想法是，我将图像放入路径中&添加用于拉伸路径边缘的控件。然而，我想知道如何在路径中拉伸图像，使其占用整个可用空间。
浏览 4提问于2013-08-12得票数 1
我在github上看到了一些工具，现在棒棒糖中的矢量图允许您使用svg文件。我发现的一个主要优点是svg文件应该拉伸和保持适当的缩放，因此在拉伸后看起来很锐利。现在，使用svg文件，我可以将所有图像保存在可绘制的文件夹中，而不是按密度过滤掉它们。这使得apk文件更小，这是可取的。
问:我是否有任何理由不想把我当前的PNG图像在本地android项目中转换成svg文件，比如像这样的在线转换工具？
浏览 0提问于2014-11-08得票数 1
回答已采纳
自从创建者更新出来后，uwp就可以使用svg映像，就像简单解释的一样。
我有 (48x48)，我可以很好地使用它，前提是(也只有当)我将图像的宽度和高度设置为48，而裸线设置为none：
<Image Source="ms-appx:///Assets//check.svg" Height="48" Width="48" Stretch="None"/>
如果我将拉伸设置为填充，图像就会消失。如果我增加宽度和高度，我可以看到图标被固定在图像的左上角()。Stretch=Fill和固定的高度/宽度不是缩放图像的方法吗？
浏览 5提问于2017-04-09得票数 11
回答已采纳
我正在尝试构建一个svg，它可以水平和流畅地缩放，类似于旧的表切片图像，用来在页面顶部流畅地缩放页眉。通常，这要求结束组件不拉伸，而中心组件则拉伸(或重复)。我已经包括了一个例子的图像如下。我已经在各种配置中试验过嵌套的svg标记与viewBox和preserveAspectRatio相结合，但无法完全使其工作。
下面是我需要做的工作示例，用纯html/css：
用一个独立的svg甚至可以做到这一点，还是我在浪费我的时间？
浏览 8提问于2014-02-13得票数 15
回答已采纳
2回答
拉伸png背景图像很容易：
.stretched-logo-bg {
background: url("../img/curve.png") center center no-repeat;
background-size: 100% 100%;
}
不过，这不适用于SVG背景
.stretched-logo-bg {
background: url("../img/curve.svg") center center no-repeat;
background-size: 100% 100%;
}
它不会被拉伸，它会保持它的纵横比
浏览 15提问于2016-09-10得票数 6
回答已采纳
1回答
我正在尝试为SVG文档中的图像元素实现几种图形拉伸模式。必须指出的是，解决方案应该没有JavaScript和CSS的工作，我没有关于图像的尺寸(只是关于空间的图像必须放置)的前期知识。
对于Uniform，UniformToFill和Fill这真的没有问题。下面的示例将图像放置在400x100像素的区域上：
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
<!-- GraphicStretchMode: UniformToFill --&g
浏览 1提问于2017-02-08得票数 0
3回答
我想使用svg图像作为背景图像，我想显示整个图像(没有裁剪)，并将图像拉伸到容器div 的100%高度和宽度，而不需要保持原来的高宽比。
我希望这能奏效：
background-size: 100% 100%;
但它没有，高度是100%，但宽度不是，它保持了原来的高宽比。
如果我使用一个png映像，而不是svg，它就会工作。
有没有办法用svg做这件事？
浏览 1提问于2015-09-01得票数 2
回答已采纳
1回答
我想拉伸背景图像(可能没有容器那么大的SVG )以将其拉伸或收缩到容器宽度的100%和容器高度的100%。
如果我们有一个比其容器更窄的背景图像：
background-image: url("../img/sky-gradients-01.svg");
background-repeat: no-repeat;
我想要一些功能类似的东西
object-fit: fill
CSS规则，它“拉伸图像以适合内容框，而不考虑其纵横比。”
我试过了：
/* stretches to fit the width, but maintains the aspect ratio, clipp
浏览 9提问于2020-05-07得票数 0
我是svg的新手。我创建了一个多边形，并用图像填充到它的边界。但是，当窗口调整大小时，图像会被拉伸和拉伸。这是我的密码：
<svg width='100%' height='100%' viewBox="0 0 100 100" preserveAspectRatio="none">
<defs>
<pattern id="polygon_image_1" width="1" height="
浏览 2提问于2014-11-06得票数 0
1回答
我有一个svg文件，我想使用它作为完整的页面背景。我试过如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Full Page Background Image | Progressive</title>
<style>
* { margin: 0; padding: 0; }
html {
background: url(city
浏览 1提问于2015-03-26得票数 3
回答已采纳
2回答
我试着在IE10上做图像灰度处理，经过一番搜索，使用svg可以将它归档，但现在我遇到了另一个问题，这里是在IE10上做图像灰度处理的代码
<svg xmlns="http://www.w3.org/2000/svg" id="svgroot" viewBox="0 0 400 377" width="400" height="377">
<defs>
<filter id="filtersPicture">
<feComposit
浏览 0提问于2013-07-09得票数 3
回答已采纳
我有一个SVG图像，我正试图在我的页面中使用，我想要与页面拉伸。适用于非SVG图像的CSS不适用于SVG。在这里的快速小提琴中可以看到->
我的HTML
<img src="image.svg" id="topHeader">
我的CSS
#topHeader {
width: calc(85% + 10px);
height: 46px;
}
我已经尝试了不同的东西在我的CSS，但似乎不能得到任何工作。当我使页面变小时，图像的宽度会变小，但高度不会保持不变，高度会随着宽度的变化而一致缩小。
有没有人知道这个问题的解决方案，不涉及用SVG交换
浏览 2提问于2014-06-25得票数 3
在HTML & CSS中，我很难让图像以我想要的方式缩放。希望可以做到这一点，…我正在开发一个由header, main content div and footer div组成的网站。所有这三个div都属于主包装器div。没有一个div是绝对定位或固定在浏览器窗口上的。在footer div中，我尝试将SVG矢量图像设置为背景，因为我还将在这个footer div中插入文本。默认情况下，SVG图像是800 x 240px格式的，但是因为SVG的大小是无限可调的，所以它们将被放大。我想要这个SVG图像按比例拉伸脚注div的宽度。因此，例如，当浏览器缩小为高宽时，图像将是90px 300
浏览 1提问于2012-10-30得票数 1
1回答
我有一个svg文本，我需要水平和垂直拉伸。我可以使用text-length属性水平拉伸单词，但找不到垂直拉伸的方法。
<svg width="300px" ... >
<text textLength="300px" lengthAdjust="spacingAndGlyphs" > HELLO </text>
</svg>
我想垂直拉伸此文本以填充灰色区域。这可行吗？如果是这样，路径是什么？
我已经为此创建了一个柱塞->
浏览 0提问于2018-11-13得票数 2
我想要创建一个CSS类，用可以应用于任何SVG路径的图像填充路径，然后用图像填充该路径。图像必须是拉伸，以适应的路径。
为此，我创建了一个带有图像标记的模式，并将宽度和高度设置为100%。但是图像占用了全屏的100%，而不是容器的(在本例中是svg标记)。
下面是示例代码：
.myClass {
fill: url(#image);
stroke: red;
stroke-width: 5;
}
<svg id='pattern' xmlns="http://www.w3.org/2000/svg" version="1.1"
浏览 1提问于2012-12-17得票数 9
回答已采纳
3回答
我正在使用SVG教程，我只是简单地加载了一个图像，如下所示：
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg style="stroke-linejoin:round; stroke:black; stroke-width:0.5pt; text-anchor
浏览 206提问于2012-09-18得票数 41
回答已采纳
1回答
我有一个面板，我想嵌入一个SVG图像。在单击面板主体时，我希望打开一个显示svg图像全屏的模态窗口。
无论SVG图像的大小是什么，我希望它适合-通过压缩或拉伸-在面板和模态窗口，这将是全屏。
这是html
<div class="panel-body" data-toggle="modal" data-target="#myModal">
<embed src="test.svg" id="testsvg" type="image/svg+xml"/>
</di
浏览 0提问于2015-06-08得票数 1
回答已采纳
我有一个宽150px，长100px的容器div。使用CSS，将由用户选择的徽标图像将被设置为适合此容器。我使用了一些flexbox样式来居中图像，max-width: 100%，max-height: 100%，以确保图像适合容器。这对IE11中的一些图像不起作用，所以我有一个仅限ie11的媒体查询，它还添加了flex: 1来修复它。 但问题是，flex: 1修复了IE11问题，使非常宽的图像溢出容器。但是，它会拉伸外观上更垂直的任何较窄的图像。 .logo {
width: 150px;
height: 100px;
align-self: center;
margin
浏览 11提问于2020-10-05得票数 0
2回答
嗨，我将SVG图像转换为XAML/canvas。我想将此画布设置为窗口/用户控件背景。
如下所示：
<Window x:Class="WpfApplication2.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWi
浏览 0提问于2011-01-06得票数 1
回答已采纳
#c{
height: 160px;
width: 250px;
background-color: orange;
}
img{
width: 100%;
height: 100%;
}
<div id="c">
<img src="https://restcountries.eu/data/caf.svg" alt="" preserveAspectRatio="none">
</div>
在上面的代码片段中，我希望我的图像在不剪切的
浏览 19提问于2021-05-25得票数 2
回答已采纳
3回答
我真的不能让这个图像在一个固定的高度100%水平拉伸。我不关心失真，因为它只是一个svg模式。我尝试过使用img-tag和div，并使用svg作为背景，但似乎都不起作用。我现在得到的是：
.divider{
width: 100%;
height: 50px;
position: absolute;
left: 0;
bottom: 0;
background: url(../images/wave.svg);
background-repeat:no-repeat;
background-size: auto 50px;
}
<
浏览 0提问于2016-03-14得票数 0
如何通过拉伸使背景图像覆盖div，从而使整个图像始终可见，而不是像background-size: cover那样，宽高比不变？ 它不是固定的宽度，它必须是响应性的。 div {
position: relative;
&:after {
content: ' ';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.3;
background-imag
浏览 29提问于2021-10-27得票数 0
回答已采纳
2回答
如何在颤动中伸展SVG？
、、、
**如何拉伸svg图片？ 代码为：** child: SvgPicture.asset(
'assets/images/accessories.svg',
height: constraints.maxHeight * 0.5,
width: constraints.maxWidth * 0.8,
),
浏览 15提问于2020-04-26得票数 1
回答已采纳
我想使用SVG图片作为背景图片，html div元素。SVG应该根据它嵌入的div进行相应的扩展。这在Google Chrome中工作得很好，但在Firefox中，SVG在调整大小时会坚持其宽/高比例，并且不会被拉伸。我使用的是preserverAspectRatio = "none"。
SVG如下所示：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg"
ve
浏览 0提问于2012-05-10得票数 4
1回答
我有一个长方形的div，在这里我添加了一个background-color，和一个带有重复的background-image，这样半透明的图像与背景颜色混合，并为我的内容制作了一个彩色图案的背景。我从中获取了一个模式，即:维度中的300px × 295px。下面是代码：
#nd {
background-image: url('../images/dark-mosaic.png');
background-color: #b33939;
color: #fff;
}
现在我想让这个粗糙的矩形变得更平滑一些，所以我从中取了一个SVG分隔符。使用生成SVG路
浏览 4提问于2019-10-12得票数 0
我有一个svg，它的路径使用填充模式。因为该模式包含一个图像。图案具有适合路径的宽度/高度(纵横比)。然而，图案内部的图像的纵横比略有不同，因此它不能正确地覆盖路径。 SVG： <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" w
浏览 42提问于2019-01-16得票数 0
回答已采纳
我使用svg作为背景图像，我希望它被拉伸到100% 100%。
然而，Chrome和firefox似乎都在尽力保持svg的纵横比，并将其缩小到另一个宽度。
正常尺寸
div
{
background: url(image.svg) no-repeat;
background-size: 100% 100%;
width: 14rem;
height: 4rem;
}
双宽
div
{
background: url(image.svg) no-repeat;
background-size: 100% 100%;
width: 28
浏览 0提问于2015-09-08得票数 17
回答已采纳
我想拉伸一些字体，如下图所示(仅垂直拉伸，不水平拉伸)。有可能吗？或者我必须使用SVG/Image来代替。 谢谢 ?
浏览 19提问于2020-06-14得票数 1
回答已采纳
1回答
通常，当一个内联元素中有一个图像时- span (例如)拉伸以适合该图像，不是吗？我试着把一个绝对的div放在图像上--很简单。当图像大小是动态的，并且没有固定的大小时，问题就开始了。
我尽量避免使用Javascript。它必须适合所有浏览器
HTML和CSS：
body {
background-color: red;
width: 100%;
height: 100%;
}
.realContainer {
background-color: #efefef;
height: 100%;
width: 100%;
position: relative;
浏览 0提问于2018-01-24得票数 1
我希望在布局中有一个svg填充一个特定的空间，所以preserveAspectRatio="none"似乎是一个很好的第一种方法。
但是，在svg中，有一个我不想拉伸/翘曲的面具。相反，它应该占据100%的宽度，并根据其比例的高度缩放。这两幅图像说明了当父svg处于横向或纵向时，面具的行为。(注意:图像中的灰色是<svg>的其余部分，应该伸长以适应)
掩码可以有自己的aspectRatio设置吗？是否有更好的方法来实现这一点？或者，这有可能吗？
```javascript
<掩码id=“掩码”
maskUnits="userS
浏览 2提问于2017-07-09得票数 1
回答已采纳
我有一个由三部分组成的SVG。我想把左右两部分无限拉伸，但中间部分保持不变。
这是一个插图。
我想我的答案就在SVG的viewbox标签preserveAspectRatio属性附近。虽然我还没有和他们合作过，但我可以在正确的方向上加以推动。
下面是未拉伸的SVG的代码，我想我需要以某种方式使用视图框来增强它，以达到所需的拉伸效果。
<svg width="48" height="17" viewBox="0 0 48 17" fill="none" xmlns="http://www.w3.org/200
浏览 5提问于2019-09-20得票数 1
1回答
我使用的是SVG背景图片，绝对定位在一些文本后面，并试图给它一个流畅的/可变的纵横比。在Chrome、Firefox等浏览器中，它看起来和预期的一样，但在Safari中，图像的大小不正确。Safari不会像它应该的那样将背景图像拉伸到其元素的全部宽度。
我尝试使用object-fit: fill将div替换为带有img标记的背景图像，但结果是相同的:在Safari中没有拉伸，在其他浏览器中也很好。
我可以对此CSS进行哪些更改以使其在Safari中具有相同的行为？
浏览 19提问于2019-07-17得票数 0
回答已采纳
1回答
不拉伸模式填充SVG路径
、、、、
我正在尝试使用编辑这个并用一个模式填充这个波形
<svg id="shape-overlays" class="shape-overlays" viewBox="0 0 100 100" preserveAspectRatio="none">
<defs>
<pattern id="img4" patternUnits="userSpaceOnUse" width="180" he
浏览 0提问于2019-02-20得票数 0
回答已采纳
5回答
我和我的团队正试图在我们的UWP .svg应用程序中放置一些win10图标(目标和最小版本是Windows10Fall Creator更新)。
在我的资源文件中，我将我的SvgImageSource定义为：
<SvgImageSource x:Key="PencilIcon" UriSource="Images/DeviceMenu/Icon_EditMode_grey.svg" />
然后，我继续在组件中使用这个图像源：
<Image Source="{StaticResource PencilIcon}" />
我试了
浏览 8提问于2017-11-29得票数 4
回答已采纳
1回答
我如何实现iTunes所做的？专辑艺术被拉伸和模糊，它也从图像中选择颜色，并使用这些颜色的文本。
对于模糊，我知道怎么做。但是我如何在保持高宽比的同时拉伸图像呢？在NSImageView中没有这方面的选项。只在两个轴上伸展。
问题如下：
如何在保持高宽比的同时将图像拉伸到它的容器？
如何选择图像中的主导颜色？
为了更好地解释我想要的图像拉伸，这里有一个例子，展示了图像如何根据容器的宽度或高度进行缩放。
浏览 0提问于2016-06-12得票数 0
1回答
我的标题位置是relative和我有一个absolute SVG图像与倾斜边缘(一侧梯形)旁边的标志。标志区域应该是固定的450px和svg图像应该拉伸在响应宽度(不改变SVG的角度)。
这里是我要找的概念：(灰色部分是我的SVG)
<html lang="fa" dir="rtl">
<body>
<header>
<svg viewBox="0 0 2000 100" height="100">
<polygon points="0,0 200
浏览 3提问于2021-12-15得票数 0
回答已采纳
1回答
如何保存拉伸后的图像？
我有一个小的(50X50)图像，我在UIImageView上显示它时拉伸了它(通过选择scaletofit模式)。现在，我需要获取并保存拉伸后的图像。我试过使用UIImageView的image属性，但它给我的是原始图像，而不是拉伸的图像。
那么，你知道如何解决这个问题吗？如果是这样，请帮助我或引导我，或者至少给我一个提示。
希望得到您的答复......
谢谢
浏览 3提问于2010-01-08得票数 0
1回答
我有一个图像(打算作为背景)，我想把它放在容器的底部。
我希望此图像保持其当前高度，但要拉伸到容器的宽度。
这是我已经拥有的：
background:url('images/poll-graph.svg') no-repeat center bottom;
HTML如下所示：
<section id="sec-feature-polling">
<div class="container">
<h2>This is a heading</h2>
<p c
浏览 3提问于2018-03-21得票数 0
3回答
我有以下代码：
.container {
width: 1rem;
height: 2rem;
background-image: url(https://dl.dropboxusercontent.com/u/1142760/static/svg/triangle.svg);
background-size: 100% 100%;
border: 1px solid black;
}
<div class="container"></div>
我预计div的背景图像将被拉伸到said div的完整width和height。
浏览 3提问于2015-07-22得票数 5
19回答
我有一个图像，我想设置一个特定的宽度和高度(以像素为单位)
但是如果我使用css (width:150px; height:100px)设置宽度和高度，图像就会被拉伸，而且可能很难看。
如何使用将图像填充到特定的大小，而不拉伸？
填充和拉伸图像示例：
原始图像：
拉伸图像：
填充图像：
请注意，在上面填充的图像示例中:首先，图像大小调整为150x255 (保持高宽比)，然后，将裁剪为150x100.。
浏览 25提问于2012-08-01得票数 529
回答已采纳
1回答
如何将我的谷歌地图添加到svg元素中？我想用地图填充svg。
这张地图看起来只是拉伸，超出了svg形状。
要测试代码，必须在iframe中插入src链接。
我的代码：
svg
{
stroke: red;
}
<svg viewBox="0 0 100 100" preserveAspectRatio="none">
<foreignObject id="map" width="560" height="349">
<iframe width="560
浏览 3提问于2016-09-28得票数 0
回答已采纳
我想用::-webkit- scrollbar *选择器创建一个自定义滚动条，但我认为答案也可以用于任何其他容器。
::-webkit-scrollbar {
width: 20px;
}
::-webkit-scrollbar-track {
background: url('https://svgshare.com/i/bqE.svg') right 2px center no-repeat;
background-size: 10px 100%;
width: 15px;
}
::-webkit-scrollbar-thumb {
backgr
浏览 2提问于2021-11-05得票数 0
回答已采纳
1回答
我目前正在尝试创建一个旧图像的SVG，但是我在创建正确的旋转和定位文本裁剪时遇到了麻烦。
当我试图添加一个<text>元素时，它最终被拉伸，在表单下面，或者根本看不到。
这是我到目前为止想出来的：
<svg
height="360px"
width="100%"
preserveAspectRatio="none"
viewBox="0 0 100 360"
version="1.1"
xmlns="http://www.w3.org/
浏览 0提问于2016-07-12得票数 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
我知道如何将普通的UIView渲染为位图图像：
UIGraphicsBeginImageContextWithOptions(view.bounds.size, NO, 0.0);
[view.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *bitmapImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
问题是，如果view是一个带有从resizableImageWithCapInsets:返回的拉伸可调整
浏览 0提问于2012-01-09得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
