CSS Object-fit:cover获取原始宽度的坐标
CSS Object-fit:cover是一个CSS属性，用于调整图像或视频元素在容器中的尺寸和位置。它可以根据容器的大小自动调整图像或视频的大小，以填充整个容器，并保持其原始的宽高比。
具体来说，当使用CSS Object-fit:cover时，图像或视频会被缩放以适应容器，并且会裁剪超出容器范围的部分。这意味着图像或视频可能会被拉伸或压缩，以填充整个容器，但是其宽高比将保持不变。
使用CSS Object-fit:cover的优势包括：
- 简化布局：通过自动调整图像或视频的大小和位置，可以更轻松地实现响应式布局。
- 保持比例：图像或视频的宽高比将保持不变，避免了变形或拉伸的问题。
- 裁剪多余部分：超出容器范围的部分将被裁剪，确保内容的完整性和一致性。
CSS Object-fit:cover适用于各种应用场景，包括但不限于：
- 图片展示：在网页设计中，可以使用CSS Object-fit:cover来展示图片，确保图片在不同尺寸的容器中都能完整显示，并且不会变形。
- 视频播放：在网页中嵌入视频时，可以使用CSS Object-fit:cover来调整视频的大小和位置，以适应不同的容器大小，并保持视频的宽高比。
腾讯云相关产品中，与CSS Object-fit:cover相关的产品包括：
- 腾讯云对象存储（COS）：腾讯云对象存储是一种高可用、高可靠、低成本的云存储服务，可以用于存储和管理图片、视频等静态资源。您可以使用腾讯云对象存储来存储和分发使用CSS Object-fit:cover的图像或视频文件。了解更多信息，请访问：腾讯云对象存储（COS）
请注意，以上答案仅供参考，具体的产品选择和使用应根据实际需求和情况进行决策。
相关·内容
我有一张750*750的图片。我已经将css用于第二个图像- object-fit:cover 在下面的截图中，这两个图像是相同的，但放置在不同的容器中。现在，如果单击图像，我将使用event.offsetX和event.OffsetY获得坐标。 由于我使用了object-fit:cover作为第二张图片，所以它显示得很小。我有轮胎坐标的信息，因为第二张图像变小了，我想得到它的坐标。 ?
浏览 31提问于2020-07-21得票数 1
2回答
我正在制作一张卡片，上面有下面的图像和描述，但图像太放大了，看起来不吸引人。我试着调整高度和图像，但它不起作用
HTML
<div id="event-card">
<div id="card-image">
<img src="{{ URL::to('/assets/photos/event3.jpg') }}">
</div>
<div class="container" id=&
浏览 22提问于2019-11-10得票数 0
1回答
使用CSS缩放背景图像
、、、、
我使用的是来自Startbootstrap.com的以下，主页上有一个旋转木马。当我使用CSS属性设置背景图像时，background-size: cover;它拉伸图像但不缩放。如何拉伸图像以覆盖整个旋转木马面板并适当缩放。
HTML：
<div class="item">
<div class="fill" style="background-image:url('Content/img/myimage.jpg');"></div>
CSS：
header.carousel .fil
浏览 4提问于2017-06-19得票数 0
2回答
我不能使用背景图像，因为我在CSS中使用Django变量。
我查看了这些和 (这里建议的答案使用background-position，我只想使用<img>标记)。
我想把它复制到一个<img>标记中。除了background-position: 50% 50%，一切看起来都很好。那相当于什么？
.main-header {
min-height: 40%;
background: url('../img/parallax11.jpeg') no-repeat center;
background-size: cover;
text-a
浏览 6提问于2017-04-21得票数 1
回答已采纳
2回答
我在向wordpress元素添加类时遇到困难。我想将object-fit: cover元素添加到Wordpress函数中，但是遇到了麻烦。
<!-- Row -->
<article class="col-4">
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('category-thumbnail'
浏览 1提问于2016-10-04得票数 0
我想使背景图像拉伸和适应垂直100%和水平100%浏览器窗口。总是固定的。同样，当用户向下滚动或向上滚动时。背景图像应该填满整个窗口。当浏览器窗口被调整大小时，背景图像应该伸展和停留。
在尝试了这么多不成功的变体之后，我到目前为止拥有的是：
我的css代码：
body, html {
width: 100%;
height: 100%;
margin: 0;
background: url(https://i-cdn.phonearena.com/images/article/125256-two_lead/Android-11-R-Preview-A-quality-of-life
浏览 3提问于2020-06-14得票数 0
回答已采纳
1回答
我正在上传图像大小是1160 * 250，一旦图像上传，我将使用许多地方，但不同的比例大小，如缩略图和完整的图像。
我正在使用CSS属性
object-fit: Cover
我尝试过使用CSS属性，比如object-fit: Cover
<img _ngcontent-c3="" alt="Image" class="img-fluid ng-star-inserted" src="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABA
浏览 8提问于2019-07-29得票数 0
我想使用object-fit CSS规则。
MSIE和MS Edge浏览器不支持此功能。
虽然IE有一些多边形填充，但据我所知，没有一个可以在Edge中工作。
例如，Jonathan Neal的polyfill 可以在IE上运行，但不能在Edge上运行(至少在我的机器上不能)。这是因为fitie使用了element.currentStyle和element.runtimeStyle，这两个JS对象只有MS，在Edge浏览器中不再支持。但是如果我使用window.getComputedStyle(element).getPropertyValue('object-fit')，Ed
浏览 42提问于2017-07-12得票数 15
2回答
对象匹配和包含块
、、
<div style="border: 3px solid black; width: 200px;">
<img
src="https://assets.digitalocean.com/articles/alligator/css/object-fit/example-object-fit.jpg"
width="600"
height="337"
style="width: 300px; height: 337px; object-fit: cover;"
alt
浏览 4提问于2022-08-26得票数 1
回答已采纳
我试图降低图像高度而不拉伸图像。但它的切割底部部分的图像。
使用对象尝试r：
尝试使用容器：
.cover {
object-fit: cover;
}
<img height="260px" width="290px" class="cover" src='https://i.stack.imgur.com/zj631.png'>
原始图像：
降低高度后的图像裁剪图像的底部：
浏览 6提问于2017-06-28得票数 1
回答已采纳
2回答
在我的项目中，我将背景设置为我选择的图像。
这方面的代码如下：
<body>
<img class="backgroundimg" src="{% static 'spotifywallpaper.jpg' %}" style='position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:-1;'>
</body>
然后在css中使用媒体查询。我对这些查询和开发都是新手，所以请告诉我，我是否做错了什么，或者是在效率低下的情
浏览 2提问于2019-11-07得票数 0
回答已采纳
1回答
我正在尝试使用翻转卡片动画()响应，但它不工作...卡片背面宽度为100%。如果我强制它为33.333%，行就会变得一团糟。
请帮帮我!
$(function(){
$("#card").flip({
trigger: 'hover'
});
});
.albumbox img {
height: 450px;
object-fit: cover;
}
.albumbox {
height: 450px;
}
#card {
margin: 0 auto;
height: 450px;
width: auto
浏览 0提问于2016-05-11得票数 0
2回答
我真的为这个问题感到羞愧，但我正在解决css的“对象适配”问题，我知道它是一个“部分支持”属性，但我不能让它发挥作用，即使在最新的firefox / chrome版本中也是如此。我知道也许我正在做一个愚蠢的错误，但我在互联网上搜索了一天，试图找到一个解决方案，但我不能…我试过所有的供应商...将标记减少到其最小表达式，如本例所示，但在任何浏览器中都不会发生任何事情。
有人知道我做错了什么吗？
div {
width: 200px;
height: 200px;
border: 2px solid red;
}
div img {
object-fit: cove
浏览 0提问于2016-04-09得票数 1
此css从Bootstrap 4中取出卡的响应布局。如何在卡的图像上放置object-fit: cover;，并从Bootstrap 4获得响应布局？
#imgUNcover {
width: 285px;
height: 145px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn
浏览 4提问于2018-09-13得票数 1
回答已采纳
我试图拥有一个完整的屏幕图像，使用下面的代码使用css就足够容易了。
width:100%;
height:100%;
background: url('photo2.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:
浏览 6提问于2014-08-11得票数 2
回答已采纳
2回答
我增加了我的广场呼吸网站的封面，循环一个视频背景。直到今天，该视频已经自动调整大小，以适合浏览器窗口。现在，这段视频似乎是以其全部分辨率播放的。我不精通JavaScript或CSS，因此任何帮助都将不胜感激。也许它无法正确识别“横幅”的宽度和高度？该页面可能会在www.drypowderco.com上浏览，谢谢您的提前浏览。
<script type="text/javascript">
$(window).bind("load", function() {
if( /Android|webOS|iPad|iPhone|iPod|Blac
浏览 1提问于2015-12-03得票数 1
回答已采纳
现在有一个浏览器支持的问题。
我让它在Firefox和Chrome上正常工作，但是在safari上我遇到了图像问题。目前图片是使用object-fit:cover设置的，在Chrome/firefox上达到了预期的效果。但对于safari，它似乎忽略了它，图像非常大。这是一个截图。左边是预期的，右边是实际的结果。
下面是影响此行/列的代码的html和css片段。
<div class="feature-image">
<img class="img-1" src="@/assets/preview-images/fea
浏览 221提问于2020-02-13得票数 8
当我试图用图片填充我的网页时，我遇到了一个问题。当我用我选择的图像填充我的网页时，图像将变得更大，并向下滚动以查看图像的其余部分。我希望图像不会向下滚动，也不会拉伸图像，这会保持图像的原始外观。你知道怎么解决这个问题吗？
下面是我的代码：
<!DOCTYPE html>
<html lang="en">
<title>Global Shopping Mall</title>
<meta charset="UTF-8">
<meta name="viewport" content=&
浏览 0提问于2021-02-19得票数 0
2回答
我已经添加了两个图片到我的网页已经加载很好，但当我试图改变高度，宽度，边界半径等与CSS，它忽略这一点，并保持原来的形状和大小。对造成这一切的原因有帮助吗？
我的HTML：
<div class="tile-image"></div>
<div class="tile-image"></div>
我的CSS：
.tile-image {
width: 432px;
height: 192px;
object-fit: cover;
border-radius: 4p
浏览 5提问于2019-10-14得票数 0
回答已采纳
我正在使用Elementor在Wordpress中创建一个站点，并且我有对象拟合设置为覆盖的图像。这在Firefox上运行得很好，但当使用Google Chrome时，它似乎不起作用。如下图所示：
不用担心字体，这只是我的Chrome设置。
以下是Elementor中镜像的设置：
有人知道为什么会这样吗？
即使我添加了CSS
img{
object-fit: cover;
}
它仍然不能正常工作。
编辑:我不认为它与Elementor或其他任何东西有关，只是与Chrome本身有关。如果我只执行以下操作：
<html>
<style>
img{
浏览 2提问于2021-02-09得票数 0
1回答
我试图使用它的样式选择器来选择一个图像元素。我用Python编写了代码行，但在将其转换为JavaScript时遇到了问题。这是我目前为止的尝试。请注意python代码有效。是因为我对js有意见。
if driver.find_element_by_css_selector("img[style='object-fit: cover;']") is not None:
download_url = driver.find_element_by_css_selector("img[style='object-fit: cover;&#
浏览 2提问于2022-01-09得票数 0
我想在我的网站上显示一个小画廊，但图像不响应AUTOWIDTH代码，并且它们没有相同的高度。
我创建了一个JS小提琴，这样我就可以更好地解释我自己了。
我试着使用这个CSS
.gallery .owl-carousel .owl-stage {
display: flex !important;
}
.gallery .owl-carousel .owl-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
但将矩形图像保留为正方形。
浏览 2提问于2019-02-13得票数 1
我正试图让我的图像居中，并适合屏幕的设备。到目前为止，它在手机上的工作非常好，因为他们的肖像方向，但在台式机上，你必须滚动才能看到整个图像。
这是我的站点，上面有图像
HTML代码
<!DOCTYPE html>
<html>
<head>
<title>Outdoor Photography</title>
<link rel="icon" href="site-icon.png">
<meta name="viewport" content="width=d
浏览 10提问于2016-12-02得票数 0
我是一个全栈开发人员，但css是我的弱点，所以我决定在上面多下功夫。我有一个奇怪的情况，不知道为什么。问题是我不能适当地调整图像的高度和宽度。我正在使用reactstrap、bootstrap和scss，但我确保bootstrap代码不会覆盖我的css：
import "bootstrap/dist/css/bootstrap.min.css";
import "../styles/main.scss";
下面是html的一部分：
<Col md="6">
<div className="he
浏览 1提问于2020-05-03得票数 1
1回答
我是一个初学者，我试图为主页添加一个背景视频。问题是，当我使我的窗口变小，甚至在移动模式下(?)该视频不会调整大小和调整到窗口，这使您能够滚动到一边，并显示我隐藏的移动视图菜单
背景视频代码和整页自动取款机
html和css：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with-device-width, initial-scale=1.0">
<title>page title</title>
浏览 8提问于2022-07-21得票数 0
回答已采纳
我试图将我的图像包装在一个容器div中，尽管在这样做的时候，我的图像仍然占据了原始大小的全部宽度和高度。相反，我希望图像占据包装器容器的相应宽度和高度，而不是使用自己的宽度和高度。 我尝试使用object-fit:cover；尽管它在我的情况下似乎不起作用。 .desktop-slideshow {
height: 500px;
width: auto;
outline: 4px solid red;
}
.desktop-slideshow img {
object-fit: cover;
} <div class="desktop-slideshow&
浏览 29提问于2019-01-22得票数 0
1回答
我在网格中显示了一些图像。然而，它们是不同的高度。 我怎样才能使它们的大小相同呢？ 代码到目前为止。 附注:我使用React，因此使用className。它的工作原理与class完全相同。 <ul className='grid gap-4 grid-cols-1 md:grid-cols-2 pb-10'>
<li>
<img
className='min-h-full object-cover'
height='800'
width='800'
浏览 13提问于2020-08-23得票数 0
2回答
我有一个完美的网站在桌面上看起来非常好。 doc.awsri.com ? 但它在手机上看起来像作物。 ? 如何调整css以防止这种情况发生？ <div class="col-md-3 margin30">
<div class="default-wrap wow animated fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">
<div class="img"
浏览 37提问于2018-12-19得票数 0
回答已采纳
在相同的流体图像上使用以下css声明在调整屏幕大小时会产生不同的结果：
img {
width: 100%;
height: min(100vh, 850px);
object-fit: cover;
}
img {
width: 100%;
max-height: 850px;
object-fit: cover;
}
两者都给出了最大高度，但为什么在较小的视图端口上产生不同的结果呢？
浏览 2提问于2021-04-23得票数 0
回答已采纳
我正在尝试弄清楚如何使用object-fit来正确缩放16:9的垂直图像。 我几乎什么都试过了，但都没有成功！ https://jsfiddle.net/pdocys3j/ .container {
width: 300px; /*any size*/
height: 200px; /*any size*/
}
.object-fit-cover {
width: 100%;
height: 100%;
object-fit: cover; /*magic*/
} <div class="container">
<img cla
浏览 28提问于2020-05-03得票数 0
4回答
我在div里有一张图片。使用以下css将图像设置为填满屏幕并从中心缩放
.backdiv img{
height:100%;
width: 100%;
display: block;
object-fit:cover;
}
在chrome/safari/firefox上一切正常。在IE 11上，图像的纵横比不会保持，因为图像被强制为100%宽度和100%，并且忽略object-fit，因为ie 11不支持它。
我怎样才能在ie 11上实现同样的效果？
浏览 3提问于2017-04-26得票数 1
我已经插入了一个自定义CSS代码在我的主题设置，以使网站的图像看起来更好和对齐。除了“博客”页面之外，所有页面都可以在自定义CSS视图中正常工作。博客页面不需要自定义CSS代码，默认CSS代码看起来很好。因此，基本上，我想从我的自定义CSS中排除博客页面。
@media screen and (min-width: 800px) {
.video-fit video, .video-fit iframe, img.back-image, .image-cover img, .has-format img, .has-equal-box-heights .box-image img {
浏览 2提问于2020-02-01得票数 1
回答已采纳
1回答
我尝试使用object-fit CSS属性将图像拉伸到它的div (左列)的完整大小，但是它似乎不起作用。请参阅此
* {
box-sizing: border-box;
}
.form-wrapper {
border
}
.row {
display: flex;
border: 1px solid grey;
align-items: center;
}
.column {
text-align: center;
}
img {
max-width:100%;
max-height:100%;
obje
浏览 9提问于2019-10-21得票数 0
2回答
在引导列中包含mp4视频
、、、
我想在我的网站上放一段视频。但是视频和图片的高度不一样，我需要这个固定的。如何确保视频涵盖整个列，并始终与其他两列相同的高度。
目前，这是我的代码：
<div class="container" style="width: 100%;">
<div class="row">
<div class="col-md-4 fullscreen-bg">
<video loop muted autoplay poster="i
浏览 1提问于2017-09-06得票数 4
回答已采纳
问题： IMG正在拉伸css-网格，我希望图像能够缩小并融入网格。
尝试：我尝试在图像上设置最大高度/宽度，但它只会减少图像的拉伸。
.grid-container {
display:grid;
grid-template-areas:
"nav_bar"
"main"
"about"
"port_over"
"resu_proj"
"links";
background-color: #161616;
grid-row-gap: 5em;
}
/*Nav bar grid*/
.na
浏览 0提问于2019-09-04得票数 2
回答已采纳
我有一个图像容器(.节-first-视频)，应该响应于min-height: 187px + min-width: 328px和max-height: 240px + max-width: 420px。在div中也有一个“play”图标，应该放在中间，不应该改变大小。
下面是演示：
我目前面临的主要问题是max-height: 240px不能工作，容器的高度也在不断增大。应该有个解决办法，但我什么都想不出来。
HTML
<section>
<div class="section-first-video responsive-wrapper"&
浏览 5提问于2022-09-05得票数 0
回答已采纳
2回答
我试图在一个简单的div中创建一个50%四舍五入的img。我已经尝试了两种方法，但显然都不适用于我。如果它让事情变得清晰，我得到的图像就是正方形 /*HTML*/
<div class="img-container"></div>
/*CSS*/
.img-container {
background: url("../../../../../assets/img/user-photo.svg") no-repeat center top / cover;
height: 125px;
width: 125p
浏览 34提问于2020-01-16得票数 0
回答已采纳
我正在重新设计一个有趣的网站，我到处乱搞一些JQuery和一些CSS效果。当你点击箭头时，页面上的所有内容都会被向下推，视频就会出现。问题是我正试图为一个图像创建一个部分。然而，改变图像的背景大小以覆盖，最终会使整个图像占据屏幕。如果我手动改变图像的大小，那么图像就会被扭曲。
下面是HTML：
<section id="content">
<img src="http://res.cloudinary.com/dvrqqa6ja/image/upload/v1466799500/background_image_mjh10z.jpg"cla
浏览 4提问于2016-06-24得票数 0
回答已采纳
简介
在使用未设置的值和规则对象匹配时，我遇到了一些奇怪的行为，并想知道这一问题是否有原因/工作。
示例
.block {
&__img {
width: 100%;
height: 50%;
}
&--portrait {
.block__img {
width: unset;
height: unset;
object-fit: cover;
}
}
}
在此代码中，即使使用object-fit样式规则，也不设置图像的高度和宽度(意味着图像保持原始高度和宽度，而不是cover宽度)。为什么
浏览 1提问于2017-05-05得票数 0
回答已采纳
3回答
是否可以将图像的高度和宽度设置为包含该图像的div的大小？不仅仅是使用background-size: cover
或者这是一个愚蠢的问题，这是你唯一能做到的方法？
浏览 1提问于2017-08-03得票数 0
我有下面的代码和css。左边的图像正确地出现了。但是，当将两个图像添加到右侧时，它会显示一个图像在另一个图像的下方且大小更大。所以我用object-fit: scale-down;添加了样式rightImg，在一定程度上减小了大小，但它不像列那样并排出现。而且图像周围仍然有更多的空间，它不是左对齐，顶部对齐。 <div className="col-md-12">
<div className={styles.Content}>
<img src={imgUriL1} />
<div className={styl
浏览 14提问于2020-08-09得票数 1
回答已采纳
图像需要填充容器的整个宽度和高度，但保持居中并与其原始大小成比例。我希望它是动态的，所以图像可以填满任何尺寸的屏幕。 示例：https://codesandbox.io/s/nice-fog-u7dud?file=/src/App.js:0-685 请帮帮我！ import "./styles.css";
import bgImage from "./bg.jpg";
const appContainerStyle = {
height: "100vh",
width: "100vw"
};
const image
浏览 32提问于2021-01-24得票数 0
回答已采纳
2回答
我试图制作一个旋转木马幻灯片，但是当我使用object-fit:cover并添加第二个图像时，第一个和第二个图像宽度从100%变为50%
对于1输入，它工作良好的
在第二个输入中，它正在改变宽度
浏览 4提问于2022-05-16得票数 0
1回答
我目前正在做一个实习项目，在网站上遇到了一个问题。让我描述一下这个问题，这样我就可以在页面上看到一个幻灯片，并在position: absolute;上得到一个按钮和一个div。但是图像并不取决于内容的大小，所以它会从图像中消失。
这是我的js、html和css代码，用于幻灯片、按钮和清除div：
**JS Code:**
<Script>
var i = 0;
var images = [];
var time = 3000;
// Image list
images [0] =
浏览 1提问于2022-02-27得票数 0
2回答
我的img在div里面，有精确的width和height。我想在那里放置像background-size: cover这样的图像来填充整个div，所以HTML是：
<div class="cover">
<img class=active src="http://pixabay.com/static/uploads/photo/2015/02/26/17/56/clock-650753_640.jpg" alt="time">
</div>
CSS是：
.cover {
width: 400px
浏览 4提问于2015-03-09得票数 4
回答已采纳
4回答
我有一个大小为150px的mat-toolbar元素，在切换到另一个组件时，我将其大小设置为70px，如下所示：
<mat-toolbar style="position: sticky;" [style.height.px]="appWideService.toolbarHeight" color="primary">
<img/>
</mat-toolbar>
<router-outlet></router-outlet>
在不同的组件中：
ngOnInit() {
this
浏览 0提问于2018-02-22得票数 0
目前我使用的是bootstrap缩略图。这段代码得到了我想要的东西，但仅限于桌面视图。一旦我调整到移动端，它保留了我指定的358x358大小，所以它不响应。
基本上，我希望缩略图图像总是被裁剪到正方形，无论图像文件是什么给它。如何在保持正方形图像宽高比不变的情况下使其具有响应性？谢谢你的帮助。
.thumb-img{
object-fit: cover;
overflow: hidden;
height: 358px;
width : 358px;
}
我是这样使用它的
<div class="thumbnail">
浏览 2提问于2017-04-24得票数 2
1回答
我想让img标记以与div相同的方式响应，使用背景图像的背景位置:中心和背景大小:覆盖我的问题是，我将发布很多图像(在网格布局中)，这些图像没有相同的宽度或高度。苏，如果我使用img标签的高度:自动，我得到不同的高度，每次。当前解决方案：
使用bg图像和1像素图像作为宽度和高度：
<div style="background-image:url(http://example.com/img.jpeg);
background-position: center;
background-size: cover; width="30%" ">
浏览 4提问于2015-03-22得票数 1
2回答
我想把一个图片放在页脚(jquery mobile)，如何使图片适合页脚的宽度(不同的智能手机的宽度)
下面是我的代码：
<div data-role="footer" data-position="fixed">
<div class="adsspace"><img id="myads" src="ads.gif"></div>
</div>
下面是我的css示例
@media only screen and (max-device-width:767
浏览 19提问于2017-08-16得票数 0
回答已采纳
1回答
我正在创建一个与反应-容易-作物的裁剪功能。我将保存用户的图像和像素坐标，为他们的裁剪偏好。
我想要做的是使用react轻松作物参数来裁剪将显示在用户配置文件上的横幅图像。
使用crop图像作物的react易于裁剪-产生以下参数：
{ width: integer, height: integer, x: integer, y: integer }
带有CSS的
如何使用这些数据在CSS中呈现裁剪的图像？
(我知道有一些方法可以使用CSS进行裁剪，但我正在尝试使用上述数据。)
与Javascript
我曾尝试将Image转换为blob或base64以应用裁剪，但由于图像来自Azure blo
浏览 2提问于2021-07-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
