- 综合排序
- 最热优先
- 最新优先
- 来自专栏Mac软件
LilyView for mac(无边框轻量级图片浏览器)
lilyview mac版是一款无边框轻量级图片浏览器，只为您呈现您想要浏览的图片，只需要在安装完成后设定文件范围，点击一个图像文件就可以立即查看。 lilyview mac下载还支持触控板操作，让您的图片浏览体验如同ipad一般顺畅。LilyView for mac：https://www.macw.com/mac/1386.html? id=MjU2NjEmXyYyNy4xODcuMjI3LjMxlilyview mac版新增功能轻量级：没有图像库可以加载，您只需浏览文件夹中的图像。图片无色的：没有任何控件可见，直到真的有必要。
1.8K30编辑于 2022-09-15 - 来自专栏PHP 开发
CSS边框实现“无图化”设计
p=1078] 作者：Thierry Koblentz （雅虎前端工程师） 用css边框实现小三角的技巧现在已经被越来越多的网站所采用，减少图片、减少HTTP请求的低碳设计越来越受欢迎。 #menuBar-A .selected a:hover, { #color:#fff; } 列表元素之间的点/线分隔符 这个例子只需要做少量的IE Hack就可以完美实现跨浏览器兼容 IE6不支持用于边框颜色的“transparent”关键字。 如果在IE6下指定边框颜色为透明（transparent），IE6将会绘制成黑色边框。 “无图化”设计的众多技巧中的一小部分，实际上我们还可以做得更多。
1.1K80发布于 2018-03-02 - 来自专栏CodecWang
番外篇: 卷积基础-图片边框
了解卷积/滤波的基础知识，给图片添加边框。 卷积的概念其实很好理解，下面我就给大家做个最简单的解释，绝对轻松加愉快的辣o(_￣▽￣_)o 卷积 什么是二维卷积呢？ 整个框再往右移一步继续计算，横向计算完后，再往下移一步继续计算……网上有一副很经典的动态图，方便我们理解卷积： padding 不难发现，前面我们用3×3的核对一副6×6的图像进行卷积，得到的是4×4的图，图片缩小了 添加边框 cv2.copyMakeBorder()用来给图片添加边框，它有下面几个参数： src：要处理的原图 top, bottom, left, right：上下左右要扩展的像素数 borderType ：边框类型，这个就是需要关注的填充方式，详情请参考：BorderTypes 其中默认方式和固定值方式最常用，我们详细说明一下： 固定值填充 顾名思义，cv2.BORDER_CONSTANT这种方式就是边框都填充成一个固定的值 练习 尝试给"lena.jpg"添加几种不同的边框类型，对比下效果。 引用 本节源码 Basic Operations on Images 图像卷积与滤波的一些知识点
86230编辑于 2021-12-07 - 来自专栏自学气象人
去除图片边框&制作gif动图
去除边框 保存图片去除边框 plt.savefig('image1.png', bbox_inches='tight',pad_inches = 0) 去除PNG图片边框 一般图片的边框是白色，可以通过将图像反转来找到图像中非空白区域的最小矩形边界坐标 # 获取图像矩阵 img_array = np.array(image.convert('RGB')) ny,nx,_ = img_array.shape # 设定边框颜色 border_color = [255, 255, 255] # 找到不是边框颜色的第一个像素 matrix = img_array.reshape(-1,3) mask img_trimmed.save('example_trimmed.png') PNG转GIF from PIL import Image import numpy as np # 打开所有PNG图片并裁剪 这是实现代码： import imageio # 打开所有PNG图片 frames = [] for i in range(1, 10): filename = f"img{i
1.5K30编辑于 2023-06-21 - 来自专栏用户7627119的专栏
Python去掉图片四周纯色边框
有没有遇到过这样的情况，一张好好的图片四周却有一圈黑色或者白色的边框。如果插入到ppt中，还需要手动去裁剪，相当麻烦。今天我们就用python来自动裁剪掉四周不需要的纯色边框。 我们就以下面这两张图为例子，一张有纯黑色边框，一张有纯白色边框。 ? 先来去掉黑色边框。 我们知道黑色的RGB值是[0,0,0]，因此大体思路就是先获取整张图片的像素，比如black.jpg的信息可以用右键查看属性如下： ? 也就是说这张图有378行，571列像素。 但是这里为了防止有些比较接近于黑色的纯色边框，我们把阈值设为50。这个值可以自己根据需要调节。 其他颜色的纯色边框，可以自己去尝试调节RGB的阈值来实现。
3.6K40发布于 2020-08-06 - 来自专栏网络日志
CSS border-image（边框图片）
border-image 属性可以通过一些简单的规则，将一副图像划分为 9 个单独的部分，浏览器会自动使用相应的部分来替换边框的默认样式。 /border.png); border-image-slice: 27; } </style> </head> <body>
使用图片替换默认边框 的倍数，例如值为 2，则参数的实际值为 2 * border-width，不允许负值； auto：由浏览器自动设定，当 border-image-width 设置为 auto 时，它的实际值与 border-image-slice 【示例】使用 border-image 属性设置图片边框： <! /border.png) 27 round; } </style> </head> <body>使用图片替换默认边框</body> </97910编辑于 2024-06-30来自专栏smy多行图片hover加边框兼容IE7+
问题： 遇到多行多列排列的图片时，hover上去加边框会把下面的图片挤到别处 ============================================================ 注意 ： IE11以下浏览器加载图片会默认给它加一个1px的边框 解决方法：对图片设置border:none ================================================= ============ hover加边框解决方案： 原先：
wordpress中文章内图片自动添加外边框
wordpress中文章内图片自动添加外边框 作者：matrix 被围观: 2,221 次 发布时间：2013-08-29 分类：Wordpress 兼容并蓄 | 无评论 » 这是一个创建于 给文章中的图片自动添加外边框会带来不一样的效果，需要在主题style.css中添加代码。 如果图片宽度太小，边框显示会不理想。代码来自别人家的孩子，SO 问题只有搁在这里。
77320编辑于 2022-09-26来自专栏叼同学免谷歌下浏览器插件！无广无弹窗，资深浏览器用户必备
像今天介绍的这款，我认为做得还算非常不错，来看看叭~~~ 介绍 今天介绍的这个站点叫：极简插件，是一款国内的插件市场，网站内无广告无弹窗，里面插件丰富，最最最主要是，我们可以免出去下载插件。
84220编辑于 2022-03-16来自专栏偏前端工程师的驿站CSS魔法堂：重拾Border之——图片作边框
《CSS魔法堂：重拾Border之——解构Border》 《CSS魔法堂：重拾Border之——图片作边框》 《CSS魔法堂：重拾Border之——不仅仅是圆角》 《CSS魔法堂：重拾Border 3个和尚有水喝 目标元素本身(即上面的div元素) 用作边框素材的图片(即上面的border.png) 贴图区(Border Image Area) 引入图层概念 用过PS或Flash的同学应该都清楚图层的概念吧 作用：引入用作边框素材的图片资源 语法：border-image-source:url("image url") url入参为图片路径，可以是HTTP或HTTPS Scheme URI下的绝对或相对路径 ，因此最后结果仅看到边框4个角有图片，而4边却没有显示。 4条灰色线表示切割线，它们和图片的4条边框一起把图片划分为九宫格，得到以下9幅切片。 ?
1.3K60发布于 2018-01-18来自专栏数据森麟Python批量下载无版权图片
前言 生活或者工作中，不管是写文章、公司 UI 交互图还是广告图等等都需要用到图片，图片的优点和重要性自不用说。 图片我们可不能随便从网上搜索来用，我们得注意图片的版权。 我一般是在无版权的网站上找图片，比如我常用的 pixabay 网站，打开网站，搜索我们需要的主题图片，结果，加载大半天，还是下面这样的。。。 ? 于是我用决定用 Python 写一个简单的爬虫，把不同主题的图片分别保存在本地，下次需要用图的时候直接在本地浏览选择就行了。 页面元素分析 浏览器中 F12 调试，我们看看单个图片的 url 链接? 正则提取元素 我们用正则表达式提取出一个页面所有的图片 url，比如我提取第 2 页所有的图片 url，并把这些 url 放在列表里，方便接下来调用后下载图片。 ? 下载图片 我们把提取出来的图片下载下来，open 后面的 wb+ 表示以二进制读写模式打开。 ?
3.1K10发布于 2019-09-27来自专栏全栈程序员必看android 图片浏览器 demo
先上效果图，本demo 会逐步完好 当中第2张图片是移动一行效果。 以下说实现原理： 使用FragmentActivity+多个Viewpage+Fragment， 图片资源是百度的， 每个fragment最多显示2张图片。 假设不够2个隐藏多余的，在解析图片数据时计算每个fragment应显示的图片 图片下载工具直接使用universal-image-loader 注意一下在使用baidu api获取资源，假设用conn 它是一个特殊字符串头，使得server可以识别客户使用的操作系统及版本号、CPU 类型、浏览器及版本号、浏览器渲染引擎、浏览器语言、浏览器插件等。 一些站点经常通过推断 UA 来给不同的操作系统、不同的浏览器发送不同的页面。因此可能造成某些页面无法在某个浏览器中正常显示。但通过伪装 UA 能够绕过检測。 本次更新加入详情页面图片支持放大缩小。
91730编辑于 2022-07-07来自专栏雨落秋垣C++ 版轻量级图片解析程序
一、需求分析与总体架构设计1.1核心性能需求分析基于严格的2核2G硬件配置限制，本图片解析程序需要实现每秒最少处理10张图片的性能目标。 （1920×1080×3通道）约需6.2MB内存，10张图片同时处理需62MB，加上解码缓冲区，峰值内存使用需控制在100MB以内性能基准计算：目标吞吐量：10张/秒=每张图片处理时间≤100ms包含完整流程 png_set_compression_buffer_size(png_ptr,8192);//8KB压缩缓冲区png_set_user_limits(png_ptr,8192,8192);//限制最大分辨率stb_image轻量级集成 实际集成效果在完整的图片处理流水线中，SIMD加速使像素后处理阶段耗时从平均12ms降至3ms以下，为达成100ms端到端处理目标贡献了关键性能提升。 ，线程正常长时间稳定性连续运行24小时压力测试结果：吞吐量衰减：从初始12.5张/秒降至11.9张/秒（-4.8%）内存增长：从120MB基线增至135MB（+12.5%），无内存泄漏错误率：100万张图片处理
40710编辑于 2025-11-30来自专栏小古哥的博客园CSS3边框图片-像素虚边的问题
虽然CSS3新增了这个功能，但是在W3school里面并没有给出具体详细的解释，还好网上不乏大神给你我们很全面的解释其中的原理-css3：border-image边框图像详解 边框图片的原理是四个角不变 （21+1+21） 如上，一个像素边框在PC端显示没有任何问题，但是按照 走向视网膜（Retina）的Web时代 中对一个像素在ritina中的解释，会分为四个设备像素来显示，所以产生一模糊虚边，导致内部产生了一个虚框 为了解决这个问题，需要对原始图片做一些处理，四边各留出一个像素的空白，如图下 ?
1.6K40发布于 2018-03-08鸿蒙next版开发：ArkTS组件通用属性（图片边框设置）
在HarmonyOS 5.0中，ArkTS提供了灵活的图片边框设置属性，使得开发者可以为应用中的图片组件添加各种边框效果，从而提升应用的视觉效果和用户体验。 本文将详细解读ArkTS中图片边框设置的通用属性，并提供示例代码进行说明。图片边框设置属性borderImage属性borderImage属性用于设置组件的图片边框。 它接受一个BorderImageOption对象，该对象包含以下属性：source: 边框图源或者渐变色设置。slice: 设置图片边框切割宽度。width: 设置图片边框宽度。 ，并为它们设置了不同的图片边框。 图片边框设置的用途图片边框设置在ArkTS中有多种用途，包括：美化界面：通过为图片添加边框，可以提升应用的视觉效果。区分内容：使用不同样式的边框可以区分不同的内容区域。
49300编辑于 2024-11-12来自专栏呆呆敲代码的小Y 公众号【Unity Shader入门】☀️ | 使用Shader实现一个 图片边框 ✨制作！
使用Shader实现一个 图片边框 ✨制作！ 前言 闲来无事，正好碰到一个需求需要给图片加上一个边框 加边框的方式有很多种，可以用遮罩来做，也可以自定义修改图片等 那我今天就选择来用Shader搞一个图片边框 ---- 图片边框制作 ️Shader } ENDCG } } } ---- ️使用方法操作 新建一个材质Material 然后在Image的材质添加上就好了 效果： ️使用代码控制边框显示与隐藏 进行一个测试 代码如下： using UnityEngine; using UnityEngine.UI; public class TexDemo : MonoBehaviour { //2D图片边框材质 private void HideOutline() { outLineMaterial.SetFloat("_Thickness", 0); } } ---- 总结 今日份的简单图片边框操作的你学会了吗
2.2K10发布于 2021-08-25来自专栏数据分析1480PPT无素材？教你批量抓取免费、高清、无版权图片！
前言 相信在你的工作中可能会经常用到PPT吧，你在PPT制作过程中有没有这样的困惑，就是可以到哪里找到既高清又无版权争议的图片素材呢？ 这里强烈推荐ColorHub，这是一个允许个人和商业用途的免费图片网站，真的很赞！从她的主页界面来看，也许你就会爱上她。 ? 那么，如何将网站中的图片存储到本地呢（例如比较关心跟数据相关的素材）？ 如果做到了，就可以在没有网络的情况下，随心所欲的选择精美图片制作PPT，随时随地的查看自己的图片库。而本文所要跟大家分享的就是这个问题的解决方案。 顶层页：是指通过网站主页的搜索栏，搜索出感兴趣的图片方向，便进入到的图片列表页，它的样子是这样的： ? 次层页：是指点击图片列表页中的某张图片，转而对应到的图片详情页，它的样子是这样的： ? 目标页：最后就是为了抓取图片详情页中的那张高清图片，而这张图片在网页源代码中就是一个图片链接，它的样子是这样的： ? 所以，爬虫抓取图片的最终目的就是找到高清图片所对应的链接。
2.6K20发布于 2019-07-22来自专栏AI算法与图像处理PPT无素材？教你批量抓取免费、高清、无版权图片！
转载自：数据分析1480 前言 相信在你的工作中可能会经常用到PPT吧，你在PPT制作过程中有没有这样的困惑，就是可以到哪里找到既高清又无版权争议的图片素材呢？ 这里强烈推荐ColorHub，这是一个允许个人和商业用途的免费图片网站，真的很赞！从她的主页界面来看，也许你就会爱上她。 ? 那么，如何将网站中的图片存储到本地呢（例如比较关心跟数据相关的素材）？ 如果做到了，就可以在没有网络的情况下，随心所欲的选择精美图片制作PPT，随时随地的查看自己的图片库。而本文所要跟大家分享的就是这个问题的解决方案。 顶层页：是指通过网站主页的搜索栏，搜索出感兴趣的图片方向，便进入到的图片列表页，它的样子是这样的： ? 次层页：是指点击图片列表页中的某张图片，转而对应到的图片详情页，它的样子是这样的： ? 目标页：最后就是为了抓取图片详情页中的那张高清图片，而这张图片在网页源代码中就是一个图片链接，它的样子是这样的： ? 所以，爬虫抓取图片的最终目的就是找到高清图片所对应的链接。
2.8K20发布于 2019-08-29来自专栏vue学习浏览器默认样式、1px边框问题、css预编译
panda-vue-template 手把手搭建vue小商城2.0 1、浏览器默认样式 大家都知道各个浏览器的默认样式都有一定的差异性，而我们需要抹掉这部分的差异；有两种解决方法。 normaliz.css只是在浏览器的样式差异上打了几个补丁来抹平这些差异，所以我们还添加了一份样式来对其进行补充：reset.css 2、css预编译 本项目mall@v2.0升级使用sass语法。 3、1px边框问题 产生的原因： 因为一个东西--DPR(DevicePixelRatio)称设备像素比，是一个手机物理像素 /CSS像素的比值。 但是自从retina屏以来，不同的手机有不同的像素密度，css中的1px并不等于移动设备中的1px， 最直接的表现就是1px边框问题；简单说就是你给border的css写个1px，到手机上却变粗了显示成 商城mall项目中默认使用vant组件库，所以可以使用vant团队提供的1px边框解决方案。
60010发布于 2020-04-01来自专栏全栈程序员必看css圆角边框怎么设置颜色_word图片怎么设置圆角大小
本文给大家简单介绍下css圆角边框怎么设置，大家可以参考，也可以直接拿过去使用，当然要修改下具体的参数。 border-radius 属性可以接受一到四个值。 规则如下： 圆角边框（border-radius）的基本用法：border-radius 属性是一个简写属性，用于设置四个圆角的属性。 圆角边框的最基本用法就是设置四个相同弧度的圆角。 border-radius: 15px 50px;（第一个值用于左上角和右下角，第二个值用于右上角和左下角）： 一个值 – border-radius: 15px;（该值用于所有四个角，圆角都是一样的）： 以下是css圆角边框具体的代码实例 现在大家应该知道css圆角边框怎么设置了吧！总结起来很简单，设置css圆角边框就是设置border-radius的值，设置的数字不同，圆角的大小也不同。 通过设计css圆角边框，我们就不需要再用带框的背景图片，这不仅让页面设计更加简单，同时也有利于提升页面加载的速度。
6K20编辑于 2022-11-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号