首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

2024年,你需要了解下这 12 个现代化 CSS 新属性

,用于简化水平书写模式下(如英文、中文)的左右外边距设置。...传统上,我们可能会使用box-shadow或伪元素来创建元素焦点时的自定义轮廓。但其实,有一个自2006年就已存在的CSS属性可能被许多人忽略了——outline-offset。...(--outline-offset, .5em); /* 轮廓偏移量 */ } 在这个例子中,当元素获得焦点时,它将显示一个蓝色虚线轮廓,轮廓与元素边界之间的距离为0.5em。...使用场景 增强可访问性:当元素获得焦点时,明显的轮廓可以帮助用户定位当前交互的元素。 提升视觉效果:相比于紧贴元素的轮廓,适当的偏移可以使界面看起来更加舒适和美观。.../* 对暗背景的元素使用暗色模式 */ .dark-background { color-scheme: dark; } 为什么使用color-scheme 简化暗模式的实现:使用color-scheme

1.7K10

Camera2 Extensions

Android官方账号发表的推文 使用 CameraX Extensions API 将特效应用到照片上 Camera2 Extensions API的用法就看这篇文章啦~ 能力支持 Extensions...:美颜能力,如磨皮、脸部肤色轮廓修饰等,Android13开始废弃 EXTENSION_FACE_RETOUCH:美颜能力,如磨皮、脸部肤色轮廓修饰等;Android13开始提供,其实就是上面的BEAUTY...改了名 EXTENSION_BOKEH:焦外成像,通常也叫背景虚化能力,通过调节景深增强画面主体焦点,模糊其它区域,一般用于人像,微距等需要突出主体的场景 EXTENSION_HDR:高动态范围,可以让最终成像获得更多的动态范围和图像细节...)为例,可以看到右侧生效HDR效果的图像,左下角暗光区域的椅子和石头还是可以看清的,顶部区域太阳周围的过曝区域的处理也非常不错 (EXTENSION_HDR) 使用流程 查询设备支持哪些扩展能力通过...,步骤和Camera2普通模式启动预览流程是类似的,三步走即可,只是一些接口不同 打开相机的步骤和Camera2普通模式无差异 创建会话则采用createExtensionSession 获取CameraExtensionSession

1.9K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    cv2.drawContours

    查找轮廓的函数会修改原始图像。如果之后想继续使用原始图像,应该将原始图像储存到其他变量中。在OpenCV中,查找轮廓就像在黑色背景中超白色物体。你应该记住,要找的物体应该是白色而背景应该是黑色。...如何在一个二值图像中查找轮廓。 函数cv2.findContours()有三个参数,第一个是输入图像,第二个是轮廓检索模式,第三个是轮廓近似方法。...之前提到轮廓是一个形状具有相同灰度值的边界,它会存储形状边界上所有的(x,y)坐标。...实际上我们不需要所有的点,当需要直线时,找到两个端点即可。cv2.CHAIN_APPROX_SIMPLE可以实现。它会将轮廓上的冗余点去掉,压缩轮廓,从而节省内存开支。...它会返回凸包上点的坐标,如果设置为False,就会返回与凸包点对应的轮廓上的点。

    3.3K10

    一文彻底搞清楚 Material Design

    实际上 Elevation 并没有变化,而是 Translation Z 属性在变化。这是 Android 使用默认的状态列表动画,更改 Z 属性。...海拔高度是两个表面在 Z 轴上的距离,单位也是使用的 dp,一个子元素的海拔是相对于父元素而言的。 海拔高度分为:静止状态海拔高度和动态海拔高度偏移。...轮廓 默认情况下,所有的view都是矩形的,虽然可以给view设置背景圆形的图片,即可以在界面显示出圆形的内容,但是view的大小实际上依然是矩形,并且设置的图片实际上也是矩形的,只是圆形以外的区域是透明色...轮廓的实现 ①通过shape设置的背景,view会自动根据shape的形状进行轮廓判定, ②通过color设置的背景,view默认其轮廓和view的大小一样。...按照轮廓裁剪,能改变 View 的形状,如圆形头像: 先设置轮廓 在设置根据轮廓裁剪 View,目前只支持对矩形、圆形、圆角矩形的裁剪 tvClip.setClipToOutline(true)// 设置对

    3.3K10

    【01】opencv项目实践第一步opencv是什么-opencv项目实践-opencv完整入门以及项目实践介绍-opencv以土壤和水滴分离的项目实践-人工智

    常见的处理方法包括直方图均衡化、对比度增强等,以提高图像的可视化效果,突出水膜与背景之间的差异。降噪处理:使用滤波器(如高斯滤波器、均值滤波器)去除图像中的噪声,保持水膜的边缘清晰。...这有助于区分水膜与土壤颗粒之间的边界,从而可以准确测量水膜的厚度和范围。2) 分割水膜区域阈值分割:使用基于灰度或颜色的阈值分割算法,将图像中水膜区域与背景(包括土壤)分离。...基于颜色的分割:如果水膜在图像中表现出一定的颜色差异,可以使用颜色空间转换(如将RGB转换为HSV或YCbCr色彩空间),从而更好地区分水膜区域。之后可以应用基于颜色的分割算法,提取出水膜的像素区域。...3D形态建模:基于图像处理的结果,使用3D重建技术(如深度图生成)生成水膜的三维形态模型,直观展示其在土壤表面的分布。...这使得不同背景的开发者都能方便地使用 OpenCV 进行开发。

    12810

    稀疏&集成的卷积神经网络学习

    训练分类器所需训练样本的创建 训练样本包括正样本和负样本;其中正例样本是指待检目标样本(例如人脸或汽车等),负样本指其它不包含目标的任意图片(如背景等),所有的样本图片都被归一化为同样的尺寸大小(例如,...瞳孔,虹膜和视网膜上的一些细胞的行为类似于某些预处理步骤,如自适应调节入射光的动态区域等等。预处理和特征提取之间的界线不完全分明。有时两者交叉在一起。...符号型分类器包括句法分类器(基于句法分析和自动机理论)、人工智能分类器(基于逻辑推理或专家系统结构)。其中符号型分类器具有更大的灵活性,所以能处理较为复杂的模式分类问题。...通常应用在跟踪目标轮廓上;与MeanShift相比,它所需要参数较少,但计算开销和内存开销较大。 (3)主动轮廓 主动轮廓曲线将一个闭合轮廓曲线推演为目标边界,从而实现图像分割。...在不同的视角对同一物体也会得到不同的图像,物体所处的场景的背景以及物体会被遮挡,背景杂物一直是影响物体识别性能的重要因素,场景中的诸多因素,如光源、表面颜色、摄像机等也会影响到图像的像素灰度,要确定各种因素对像素灰度的作用大小是很困难的

    58520

    稀疏&集成的卷积神经网络学习

    训练分类器所需训练样本的创建 训练样本包括正样本和负样本;其中正例样本是指待检目标样本(例如人脸或汽车等),负样本指其它不包含目标的任意图片(如背景等),所有的样本图片都被归一化为同样的尺寸大小(例如,...瞳孔,虹膜和视网膜上的一些细胞的行为类似于某些预处理步骤,如自适应调节入射光的动态区域等等。预处理和特征提取之间的界线不完全分明。有时两者交叉在一起。...符号型分类器包括句法分类器(基于句法分析和自动机理论)、人工智能分类器(基于逻辑推理或专家系统结构)。其中符号型分类器具有更大的灵活性,所以能处理较为复杂的模式分类问题。...通常应用在跟踪目标轮廓上;与MeanShift相比,它所需要参数较少,但计算开销和内存开销较大。 (3)主动轮廓 主动轮廓曲线将一个闭合轮廓曲线推演为目标边界,从而实现图像分割。...在不同的视角对同一物体也会得到不同的图像,物体所处的场景的背景以及物体会被遮挡,背景杂物一直是影响物体识别性能的重要因素,场景中的诸多因素,如光源、表面颜色、摄像机等也会影响到图像的像素灰度,要确定各种因素对像素灰度的作用大小是很困难的

    83250

    Css代码

    提示:建议使用多个,浏览器将使用其可识别的第一个值。使用逗号分割每个值,并始终提供一个通常字体系列作为最后的选择*/ color:①white;说明:①white /*字体颜色。...显示文字";}说明:同上用于给文本的首行设置特殊样式 .file_list:first-line{填通用代码}伪类在元素获得焦点时向元素添加特殊的样式 a:focus{通用代码}★属性选择器★说明:利用这个选择器可以对带有指定属性的...*/ 完整代码复制时,注意带上该段开头部分与结尾部分(如body{和}),如发现不能使用可删除/*文字注释*/看看,建议结合上面的通用代码使用 网页主页定义 body { background-color...: black; /*链接文字的背景颜色*/ text-decoration:overline; /*链接文字添加上划线*/ outline: 2px black solid; /*链接文字的轮廓宽度、...scroll; /*评论区背景图*/ color: red; /*评论区字体颜色*/ outline:1px green dashed; /*评论区的轮廓宽度、颜色、样式*/ box-shadow:

    2K20

    综述总结:稀疏&集成的卷积神经网络学习

    训练分类器所需训练样本的创建 训练样本包括正样本和负样本;其中正例样本是指待检目标样本(例如人脸或汽车等),负样本指其它不包含目标的任意图片(如背景等),所有的样本图片都被归一化为同样的尺寸大小(例如,...瞳孔,虹膜和视网膜上的一些细胞的行为类似于某些预处理步骤,如自适应调节入射光的动态区域等等。预处理和特征提取之间的界线不完全分明。有时两者交叉在一起。...符号型分类器包括句法分类器(基于句法分析和自动机理论)、人工智能分类器(基于逻辑推理或专家系统结构)。其中符号型分类器具有更大的灵活性,所以能处理较为复杂的模式分类问题。...通常应用在跟踪目标轮廓上;与MeanShift相比,它所需要参数较少,但计算开销和内存开销较大。 (3)主动轮廓 主动轮廓曲线将一个闭合轮廓曲线推演为目标边界,从而实现图像分割。...在不同的视角对同一物体也会得到不同的图像,物体所处的场景的背景以及物体会被遮挡,背景杂物一直是影响物体识别性能的重要因素,场景中的诸多因素,如光源、表面颜色、摄像机等也会影响到图像的像素灰度,要确定各种因素对像素灰度的作用大小是很困难的

    57720

    JavaScript--DOM总结

    fill() 使用指定颜色、渐变或模式来绘制或填充当前路径的内部。 fillRect() 绘制或填充一个矩形。 lineTo() 为当前的子路径添加一条直线线段。...HTML5canvs操作 颜色、样式和阴影 属性 描述 fillStyle 设置或返回用于填充绘画的颜色、渐变或模式 strokeStyle 设置或返回用于笔触的颜色、渐变或模式 shadowColor...Input对象 Input对象方法 方法 描述 blur() 把焦点从表单上移开 click() 模拟一次鼠标单击 focus() 表单赋予焦点 select() 全选var oC = document.getElementById...select对象方法 方法 对象 add() 向下拉列表添加一个选项 blur() 从下拉列表移开焦点 focus() 在下拉列表上设置焦点 remove() 从下拉列表中删除一个选项 select对象事件句柄...设置围绕元素的轮廓样式 outlineWidth 设置围绕元素的轮廓宽度 padding 设置元素的填充 (可设置四个值) paddingBottom 设置元素的下填充 paddingLeft 设置元素的左填充

    7610

    opencv+Recorder︱OpenCV 中的 Canny 边界检测+轮廓、拉普拉斯变换

    最后得到每个候选轮廓点的概率。 DeepContour: 这是CVPR2015中的另一个工作,该工作还是基于patch的。...如果你在找到轮廓之后还想使用原始图像的话,你应该将原始图像存储到其他变量中。 • 在 OpenCV 中,查找轮廓就像在黑色背景中超白色物体。你应该记住,要找的物体应该是白色而背景应该是黑色。...让我们看看如何在一个二值图像中查找轮廓:函数 cv2.findContours() 有三个参数,第一个是输入图像,第二个是轮廓检索模式,第三个是轮廓近似方法。...上边我们已经提到轮廓是一个形状具有相同灰度值的边界。它会存贮形状边界上所有的 (x, y) 坐标。但是需要将所有的这些边界点都存储吗?...它会将轮廓上的冗余点都去掉,压缩轮廓,从而节省内存开支。 我们用下图中的矩形来演示这个技术。在轮廓列表中的每一个坐标上画一个蓝色圆圈。

    3K51

    「Adobe国际认证」Photoshop软件,关于绘图教程?

    选取的绘图模式将决定是在自身图层上创建矢量形状、还是在现有图层上创建工作路径或是在现有图层上创建栅格化形状。 矢量形状是使用形状或钢笔工具绘制的直线和曲线。(请参阅绘制形状和用钢笔工具绘图。)...可以创建自定形状库和编辑形状的轮廓(称作路径)和属性(如描边、填充颜色和样式)。 路径是可以转换为选区或者使用颜色填充和描边的轮廓。通过编辑路径的锚点,您可以很方便地改变路径的形状。...可以选择在一个图层上绘制多个形状。形状图层包含定义形状颜色的填充图层以及定义形状轮廓的链接矢量蒙版。形状轮廓是路径,它出现在“路径”面板中。...填充像素直接在图层上绘制,与绘画工具的功能非常类似。在此模式中工作时,创建的是栅格图像,而不是矢量图形。可以像处理任何栅格图像一样来处理绘制的形状。在此模式中只能使用形状工具。...在打印 Photoshop 图像或将该图像置入另一个应用程序中时,您可能只想使用该图像的一部分。例如,您可能只想使用前景对象,而排除背景对象。

    1.4K20

    机械臂还能这样玩?Touch & Melt : 抽象触觉和机器人热成型

    接下来,这个过程使用一个触摸密度的直方图来生成一个机械手臂需要执行的轮廓。最后,机器人手臂在一个空气加热回流工站操纵一块苯乙烯塑料;它的运动遵循生成的轮廓。...为了更深入地了解等值线的工作原理,请阅读 Rhino 中的轮廓功能,这两种行为都基于相同的原理)。 ? ? 这些轮廓线被分解为路径和机械臂参照: ? ?...然而,我们了解到,当轮廓相对较近时,内环会受到过多加热,并在材料上形成孔洞,以一种我们认为不太理想的方式来扭曲剩余材料,以保持轮廓信息。因此,我们认为最好的方法是,从外到内移动,减少内部轮廓的受热。...例如,两名相对不熟悉系统相关技术的志愿者扫描了同一个对象(一个项目成员的脸),并以完全不同的方式进行扫描;速度、主要焦点的特征和扫描目标的变化非常大。...如下所示,这些路径在结构上是不同的并且以他们自己的模式重复。 在调查哪些物理特征最吸引人时,我们能够收集主要关于人脸的信息,因为这是我们所选择的对象集合。

    38320

    结构光三维测量几种比较成熟的方法

    主要两类:影像型莫尔条纹和投影型摩尔条纹 ①影像型摩尔条纹 优点:测量精度高 缺点:要求较大光栅面积,至少覆盖待测轮廓,且光栅要紧挨待测物体 ②投影莫尔法 将一个光栅投射到被测物体上,旁边使用另一个光栅观测行程的摩尔条纹...优点:原理简单,对材质颜色等物面性质及背景光等环境因素要求较低,在超大型三维测量如建筑物测量中具有不可替代的优势。 缺点:系统需要预先标定,当测量环境发生变化时,相机参数需要重新调节。...,在连续编码图案上,扫描轮廓线则为一条连续平滑的亮度曲线,在一个周期内每个像素都有唯一的码字,正是如此,该方法才能够获得与图像分辨率相当的点云密度。...离散型空间编码方法大致可以分为三类:基于De aruijn的编码方法,基于M.array的编码方法,非正式的编码方法。 离散型时间编码方法主要代表有:自然二进制编码,Gray码。...空间编码和时间编码是通过码字解码的方式不同来区分的,空间编码需要周围相邻码字共同确定中心码字的位置信息,理论上讲,连续性编码方法既可以采用周期性模式,也可以采用非周期性模式。

    2.1K30

    Python OpenCV findContours()函数与drawContours()函数用法

    它只是提取所有的轮廓,而不去创建任何父子关系。 RETR_EXTERNAL 如果你选择这种模式的话,只会返回最外边的的轮廓,所有的子轮廓都会被忽略掉。...RETR_CCOMP 在这种模式下会返回所有的轮廓并将轮廓分为两级组织结构。 RETR_TREE 这种模式下会返回所有轮廓,并且创建一个完整的组织结构列表。...还有在使用OpenCV查找轮廓时,为了更准确,需要进行二值化处理:阈值化处理或者进行Canny边缘检测。查找轮廓的函数会修改原始图片,当需要使用原始图片时得注意。...并且在OpenCV中查找轮廓就像在黑色背景中找白色背景,所以要找的物体应该是白色,而背景是黑色(来源于OpenCV官方教程中文版)。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    3.1K30

    从box-sizing:border-box属性入手,来了解盒模型

    背景:先声明一下运用的场景,假如项目布局使用的是自适应的布局方式,div给出的宽度是百分比的形式,即框占窗口宽度的50%,但边界和内边距是用像素来表示的怎么办?...为了避免这种问题,可以使用属性box-sizing来调整框模型。使用border-box,来将框模型更改成这个新的模型。...它的行为和边界差不多,但是并不改变框的尺寸(更准确的说,轮廓被勾画于在框边界之外,外边距区域之内)。            ...相关实例:在引入bootstrap框架时,input在360游览器(兼容模式)下显示,在获得焦点时外边框变蓝,这就是outline造成的影响,去掉只需要添加一个CSS样式即可,input:focus{outline...;                  ②display:flex--允许你处理一些困扰CSS已久的一些传统布局问题,如布置一系列弹性等宽容器或者垂直居中内容(目前,flex布局在移动端使用较为广泛);

    1.6K20

    换个dataloader函数, COCO提升3mAP ,上海交大MVIG团队提出InstaBoost

    近年来,基于 CNN 的深度学习算法,如 Mask R-CNN 等,在实例分割任务中有了非常广泛的应用。...近期一些研究使用基于 crop-paste 的方法在目标检测任务中取得了不错的效果。简单来说,这些方法将物体按照 mask 标注的信息从原图片中剪下来,然后粘贴到一个随机的背景图片上。...为了解决这一问题,研究者使用《A global sampling method for alpha matting》一文中提出的方法对前景轮廓做 matting 处理,以得到与物体轮廓契合的边界。...在前景背景分离后,背景上会存在若干个空白区域,这些区域可以使用 inpainting 算法进行填补。...通过将 h(•) 映射到背景图片上的每一个像素,即可获得一个热度图。通过热度与概率之间的映射,可以使用蒙特卡洛方法进行采样,得到高外观一致性的粘贴位置。下图为几则热度图与增强后的实例。 ?

    83220
    领券