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

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

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

29110

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.7K40
您找到你想要的搜索结果了吗?
是的
没有找到

一分钟实现Android遮罩引导视图

GuideView是一种基于DialogFragment实现引导遮罩浮层视图轻量级解决方案,它具备以下特性: 响应导航按钮动作(因为引导浮层本质是一个dialog); 链式引导层,支持设定一组引导遮罩视图...其中属性都通过构造器模式,通过静态内部类Builder进行构建,属性说明如下: targetView 引导视图需要显示附着目标视图 hintView 引导视图(不包含半透明浮层以及透明焦点区) transparentSpaceXXX...可以选择不绘制透明焦点区域而只有半透明浮层 hintViewDirection 引导视图(hintView)相对于目标视图(targetView)位置方向,目前可以定义(上方左对齐)、下(下方左对齐...)、左(左方对齐)、右(右方对齐)四个方向。...如果需要在位置之余有不一样对齐效果,可以使用hintViewMarginXXX属性 outlineType 透明焦点轮廓类型,有圆形(椭圆)轮廓和方形轮廓两种 maskColor 半透明遮罩浮层颜色

1.8K10

cv2.drawContours

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

3K10

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

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

52520

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

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

78950

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)主动轮廓 主动轮廓曲线将一个闭合轮廓曲线推演为目标边界,从而实现图像分割。...在不同视角对同一物体也会得到不同图像,物体所处场景背景以及物体会被遮挡,背景杂物一直是影响物体识别性能重要因素,场景中诸多因素,光源、表面颜色、摄像机等也会影响到图像像素灰度,要确定各种因素对像素灰度作用大小是很困难

43320

一文彻底搞清楚 Material Design

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

2.1K10

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

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

1.4K20

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

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

2.5K51

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

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

1.1K30

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

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

1.4K30

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

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

36320

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

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

79720

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

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

1.5K20

ArcGIS Pro定位器地图制作心得

这意味着它只需要很少信息:只需要一个特征区域指示,以及足够地理背景,让人们了解它在世界位置。保持定位器地图尽可能简单,以防止它在视觉与主地图或主要故事竞争。 上面的定位器地图非常简单。...大多数人都知道非洲在哪里并且可以识别它形状,因此这完全可以作为刚果背景使用另一个定义查询过滤World_Continents图层以仅显示非洲。...您可以在本文中了解有关布局文本更多信息。 使用混合模式。 尝试在底图上添加此全局背景图层,然后尝试更改其颜色和混合模式。...id=9d87b96d48714e7ca9c89ab63f2c3cd7 使用屏幕混合模式将浅灰色画布底图变为粉红色。 使用颜色混合模式制作黑白版本影像底图。...这是一个在AOI而不是底图上使用混合模式示例: 下面是一个示例,其中底图和AOI都受益于混合模式: 尝试不同投影。 定位器地图并不是必须要使用与地图相同坐标系。

2.9K30
领券