如何适应 api 调用中的图像？

我第一次在这里发布任何内容，如果我遗漏了什么，请告诉我！好的，所以我的问题是类别页面中的图像彼此不适合并且不再对齐。这是在我学习了一点JavaScript并从API调用中获取图像之后发生的。现在它们看起来不再那么好......尤其是在移动视图中。我怎样才能使它们的尺寸相同？顺便说一句，我完全是一个菜鸟。这是我的页面的链接：https://lovely-croissant-3cceca.netlif

P粉138871485 2023-09-05 13:36:09 0  1  482

制作可自适应屏幕大小的按钮-背景图像的用法详解

我正在开发一个需要多个图形并排显示并且能够根据设备屏幕大小自适应的pfsensecaptiveportal。使用图像输入类型可以很好地实现这一点。然而，pfsense设备无法正确识别此提交。它需要一种带有值为“Continue”的提交类型才能工作。我尝试使用背景图像来替代，但是背景图像无法缩放。随着屏幕变小，它会显示为全尺寸并被裁剪。我该如何使背景图像自适应大小？#content{font-fam

P粉345302753 2023-08-16 13:38:12 0  1  649

图像验证无法与 yup validate 一起使用

我正在尝试使用yup进行验证。必需的不适用于图像。image:yup.string().required("required"),我正在使用formik作为必填字段。这适用于形式的每个领域，但对于图像则不起作用。我已经初始化了初始值：constinitialValues={image:"",};

P粉738821035 2024-03-30 16:09:36 0  1  509

如何在保持固定图像尺寸的同时实现响应式设计？

我有以下的CSS（使用Bootstrap）来调整图像大小，使其适应16:9的容器而不会拉伸：

P粉739706089 2023-08-16 14:35:27 0  1  483

从表单中选择选项时更改图像不透明度

当我选择值为1（万事达卡）的选项时，如何才能将idMaster的图像的不透明度更改为1？并将其放入一个适用于这4个值的函数中，每个值都有自己的id？我希望默认图像为0.3，当选择其中一个选项时，图像的不透明度为1。.itemForm2{width:100%;position:relative;margin-bottom:18px;margin-top:10px;display:flex;flex-

P粉244155277 2024-04-03 23:00:48 0  2  467

WebPack 图像未使用文件加载器加载

目前，我有一个webpack5项目，需要几个svg图像和一个背景图像。svg图像被编码到template.html文件中。背景图像在style.css文件中引用。当我运行构建时，网页上没有构建任何图像。它们保持散列形式（即使我在文件加载器测试中使用自定义名称。下面是当前的webpack配置文件：constpath=require('path');constHtmlWebpackPlugin=req

P粉513318114 2024-03-19 19:54:32 0  1  322

从图像中切出圆形部分：分步指南

我正在尝试使用SVG路径剪辑图像，但我的图像似乎不太适合。这就是我想要实现的目标：这就是我得到的：这是我尝试过的代码：.topbar-chat-img{width:48px;height:48px;object-fit:cover;clip-path:url(#topbar-img-svg);}<imgsrc="https://picsum.photos/200/200?image

P粉536909186 2023-12-28 10:48:37 0  1  540

我无法使用 TailwindCSS 将图像连续设置为相同大小

我正在使用TailwindCSS来创建我的页面设计。我无法将组件和图像设置为相同的大小。我已经尝试了一些与flex、wrap的组合，改变div或图像的宽度，但找不到解决方案。我想要的结果是每部电影包含相同大小的包含图像的矩形，相同大小的图像，其名称如下。而且，对于溢出，我希望能够在x尺度上滚动它们，但不能在y尺度上滚动。我设法做到了，但我需要保留它并且也有合适的尺寸。我希望图像像这样显示：（htt

P粉978742405 2024-02-17 12:27:00 0  1  453

如何修复基于 Chromium 的浏览器上的像素化​​背景图像？

在基于Chromium的浏览器上，用作background-image的缩小图像会被像素化，而在使用<img>标签显示时看起来会更加模糊。有没有办法更改背景图像的渲染样式，使其看起来像标签中的显示？我尝试了image-rendering属性，但它似乎不适用于background-image。它在Firefox上看起来不错。Brave上的渲染示例，左边是background-image，

P粉549412038 2024-03-19 21:10:42 0  1  429

Python WoL 脚本在 Synology RS1221+ 上执行失败，但在 QNAP TS-219P II 上成功运行

我对Python比较陌生，我不明白为什么相同的脚本不能在我的RS1221+NAS上运行，但在QNAPts-219pii上运行却没有问题。它是一个WoL脚本，旨在通过HTML页面打开特定的PC。您按下PNG图像，然后该图像调用一个php脚本，该脚本又调用所述Python脚本。我只是从同事那里复制了php和python脚本。它适用于QNAPts-219pNAS系统，但不适用于较新的RS1221+。新系

P粉395056196 2024-02-17 16:02:35 0  1  521

将forEach分配给每个图像通过'img'

我正在尝试在HTML的img标签下使用JS中的forEach。这是变量bobbingPhotos： bobbingPhotos.forEach(function(photo){ var randomDelay = Math.random() * 2; // 0和2之间的随机延迟 photo.style.animationDelay = randomDelay + 's'; })

P粉998100648 2023-07-28 23:13:59 0  1  484

Filepond 在渲染图像之前添加身份验证标头

我在我的Vue应用程序中使用filepond插件。它非常适合我的应用程序要求。目前我的后端服务正在通过JWT身份验证提供图像。如何向文件池添加自定义标头以加载组件中的图像？以下是我所取得的成就<file-pondref="file"name="filepond":label-idle="placeholder"accepted-fi

P粉201448898 2024-03-27 13:06:23 0  1  499

javascript - 手机端小游戏开发页面全屏显示问题

开发一个简单的小游戏，设计图给的尺寸是640*1136， 做了rem适配后 在有些高度小的手机无法显示全部内容，游戏也不能用滚动条，应该怎么处理啊？谢谢

迷茫 2017-05-31 10:41:37 0  2  1019

将输入类型=文件替换为图像

像很多人一样，我想自定义丑陋的inputtype=file，并且我知道如果没有一些hack和/或javascript就无法完成。但是，问题是，就我而言，上传文件按钮仅用于上传图像（jpeg|jpg|png|gif），所以我想知道是否可以使用“clickable”图像与输入类型文件完全相同（显示对话框，并在提交的页面上显示相同的$_FILE）。我在这里找到了一些解决方法，这也很有趣（但不适用于Chr

P粉567281015 2023-10-13 13:47:35 0  1  734

我对 liip Imagine 有疑问

我使用symfony5.4，我只需安装liipImagine包来操作我的图像。但是，配置完所有内容后，我的浏览器中没有出现任何图像，当我检查时，我得到了我的代码，并收到以下错误消息：http://localhost:8000/media/cache/resolve/my_thumb/images/properties/629a464aa81ef086062845.jpg404（未找到）在我的项目中

P粉021553460 2024-03-19 18:37:45 0  1  395

Swiper教程：如何控制移动箭头？

这是我的轮播图，但是当我想要配置swiper-button时，箭头与图像之间的距离很远，有没有办法让它们更近一些（修改它们的位置）？effect={'coverflow'}grabCursor={false}centeredSlides={true}slidesPerView={'3'}rewind={true}coverflowEffect={{rotate:0,stretch:0,depth:

P粉396248578 2023-08-16 14:46:49 0  1  675

css3从方形图像到不带x旋转的梯形

我正在尝试将带有背景图像的方形div转换为梯形。我想以2D形式制作它，与Photoshop的“扭曲”工具的方式几乎相同。基本上，我想要的只是缩小正方形的顶边并使图像相应变形。3D转换“似乎”能够解决问题：transform:rotateX(30deg);它适用于大多数用例，但并非全部。事实上，它是一个30度旋转的正方形，从正面/背面看时“看起来”像梯形，但从任何其他侧面看时仍然是30度旋转的正方形

P粉604669414 2024-03-28 15:26:58 0  1  417

使用Nuxt JS将图片成功上传至Firebase

我正在开发一个从Firebase提交和检索数据的Web应用程序，我已经能够完全配置我的NuxtJS应用程序与Firebase连接，但问题出现在当我想要提交混合图像文件和文本文件时。如何设置我的NuxtJS项目以将图像和文本文件都提交到Firebase？这是我的表单模板。Index.js.<template><divclass="w-fullmax-w-lgp-6m-au

P粉885562567 2023-08-31 20:43:16 0  1  557

如何使用Elementor编辑器为图像添加圆角

这让我发疯。我在一个简单的Elementor页面上的文本框中有一张图片。它很好地放在“文本编辑器小部件”中，我想给它添加圆角。我在“站点设置/自定义CSS”中创建了一个CSS类，然后在文本编辑器中的图像编辑器中将图像分配给该类。.AZ-rounded-image{border-radius:15px;}但是什么也没有发生...有人能帮忙吗-我在这上面浪费了三个小时...非常感谢Andy

P粉821231319 2023-08-15 19:14:43 0  1  625

如果我使用formik，如何在嵌套对象中写入正确的值？

给定一个与表单对象中的字段名称匹配的字段数组，我试图编写一个嵌套值，但由于某种原因，formik不知道如何编写嵌套值，这仅适用于顶层的值我会在评论中留下codesandbox的链接exportdefaultfunctionApp(){constform=useFormik({initialValues:{name:"",login:"",about:{age

P粉410239819 2023-08-17 16:26:31 0  1  588