文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Angular Material 的设计之美

在各种各样没有 bug 的用例中按预期行事。 通过单元测试和集成测试更好地测试行为。 可在 Material Design 规范的范围内进行定制。 将性能开销降至最低。...接下来我会从相对宏观的角度介绍 Angular Material 设计的一些亮点，并且简单介绍 Angular Material 的一些使用技巧。...在熟悉了一种组件之后，几乎不需要额外的记忆成本，就可以很容易的猜到某些 API，简单易懂，使用很方便。不过时常翻文档还是很有必要的。 再看一下菜单组件，使用方式同样非常简单。...菜单 Angular Material 的菜单组件可以说非常强大，除了官网提到的功能之外，我们还可以用以下方式实现动态数据加载的多级菜单，比如 ng-matero 的 Top Menu 布局。...mat-table 对表格列宽的首选操控方式是 CSS，起初我对这种方式也存在疑虑，但是在我亲自封装了 ng-zorro-antd 的表格组件之后，我发现一切都很自然。

6.2K30

【愚公系列】2023年04月 Halcon机器视觉-仿射变换详解

1.2 根据三个以上特征点获取仿射变换矩阵 1.3 计算仿射变换参数 六、对图像、region和XLD进行仿射变换 1.1 对XLD进行仿射变换 1.2 对image进行仿射变换 1.3 对region...进行仿射变换 1.4 对polygon_xld进行仿射变换 ---- 一、概述 仿射变换，即在二维平面内，对象进行平移(Translation)、缩放（Scale）、翻转（Flip）、旋转（Rotation...仿射变换可以保持原来的线共点、点共线的关系不变；保持原来相互平行的线仍然平行；保持原来的中点仍然是中点；保持原来在一直线上几段线段之间的比例关系不变；但不能保持原来的线段长度和夹角角度不变。...三、仿射变换流程 （1.）获取特征点坐标、角度 （2.）计算仿射变换矩阵 （3.）对图像、区域、轮廓进行仿射变换 四、根据特征点、角度计算仿射变换矩阵 1.1 从空变换矩阵创建仿射变换矩阵 hom_mat2d_identity..., Tx, Ty) 六、对图像、region和XLD进行仿射变换 1.1 对XLD进行仿射变换 affine_trans_contour_xld(Contours : ContoursAffinTrans

2.8K32
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    计算机视觉 OpenCV Android | 基本特征检测之 霍夫直线检测 详析

    霍夫直线检测的作用——计算得到输入图像（一般是二值化的边缘检测结果图像）中包含的所有直线的数目与位置 在取得图像边缘的基础上， 对一些特定的几何形状边缘，如直线、圆，通过图像霍夫变换把图像从平面坐标空间变换到霍夫坐标空间...对 应一条霍夫空间（or 极坐标参数）曲线； （要点.B） 而对于边缘图像中的 任意一条直线来说，在极坐标空间它的（r，θ）都是固定不变的， （由上可得 要点.C） 霍夫空间中的一个交集点...theta：表示角度θ，每次移动1°即可。...和y0添加偏移量并进行计算，得到直线的两个点； 然后绘制直线。...theta：表示角度θ，每次移动1°即可。

    1.7K10

    实战 | OpenCV实现多角度模板匹配(详细步骤 + 代码)

    image.size()); return newImg; } 但需要注意，很多时候按照上面方法旋转时，会丢失模板信息产生黑边，这里提供两种方法供大家参考尝试： ① 旋转时放大目标图像尺寸，保证模板图像上信息不丢失...下采样的目的前面已介绍，减小图像分辨率提高图像匹配速度，代码如下： //对模板图像和待检测图像分别进行图像金字塔下采样 for (int i = 0; i < numLevels; i++) { pyrDown...旋转模板图像，依次调用matchTemplate在目标图中匹配，记录最佳匹配分数，以及对应的角度。...matchMode = TM_CCOEFF; break; case 5: matchMode = TM_CCOEFF_NORMED; break; } //在没有旋转的情况下进行第一次匹配...newImg; //以最佳匹配点左右十倍角度步长进行循环匹配，直到角度步长小于参数角度步长 if (nccMethod == 0 || nccMethod == 1) { do

    15K63

    计算机视觉 OpenCV Android | 特征检测与匹配 之 Feature2D中的检测器与描述子

    特征提取算法的加速版本； 其算法原理有别于前面提到的几种方法， 其是通过正则化PM方程与AOS（加性算子分裂）方法来求解非线性扩散， 从而得到 尺度空间 的 每一层； 采样的方法与SIFT类似， 对每一层实现候选点的定位与过滤以实现关键点的提取...； 然后再使用与SURF求解方向角度类似的方法实现旋转不变性特征， 最终生成AKAZE描述子。...descriptor_box = new Mat(); 　　Mat descriptor_scene = new Mat(); 　　descriptorExtractor.compute(boxImage...当然我们也可以更改一下代码，使用别的图片进行测试或者把图片放在项目中进行测试。...---- 参考材料 《OpenCV Android 开发实战》（贾志刚 著） 关于《OpenCV Android 开发实战》作者的GitHub项目 笔者基于作者GitHub维护的APP

    2.3K20

    论文复现---基于随机蕨的快速相位差DOA估计

    通过仿真和实验测试，基于三种不同的信号模型对算法的性能进行了评估。结果表明，在保持相同精度的情况下，使用随机蕨可以将搜索时间减少到穷尽法搜索时间的1/6。...ZC (Zadoff-Chu)序列是一个多相复值零自相关序列[15]和信号的设计可以在[16]中找到。 该算法在OFH、OFS和ZC信号上进行了测试。...实验 3.3.1 实验设置 实验测试在典型的室内环境中进行，室内温度为24度。两个接收器之间的距离为1.8cm。发射机和接收机放置在离地面1.5m的地方，相距2m。...图6给出了本文方法和基准方法在不同DOA选择下的性能。在每个DOA进行500次实验评估， SNR=0dB。在所有信号类型上，所提出的方法明显优于基准方法[8]。...该算法采用随机蕨的机器学习方法，与穷举搜索相比，在保持相同精度的情况下，将计算速度提高了6倍。使用三种不同的类型对提出的算法进行了测试。仿真和实验结果证实了所提方法的有效性。

    30210

    使用脚本批量定义CAE仿真材料数据

    对于使用CAE进行仿真计算的的用户而言，材料的定义是一个细致且繁琐的过程，细致是因为材料参数对于仿真结果至关重要，需要确认每个参数的准确性；繁琐是当材料较多且含有多种属性时，定义和编辑属性的工作量较大。...本文使用实例，演示在WELSIM下使用脚本建立大量材料数据的方法。1. 通过GUI建立单个材料数据。（如果对XML语法熟悉，可以参考已有的XML测试文件，自行编写）。打开自动化测试的录制功能。...分别是材料节点在项目树窗口中的位置，材料名称，材料节点ID，和材料属性参数。3. 复制粘贴单个材料，并做相应修改。将上图中的文本进行复制粘贴，并修改绿色方框部分，即可得到一个新的材料。...至此脚本编辑已经完成，可以运行并测试。运行完成后，可以直接进行接下来的仿真分析工作。也可以导出材料数据，在其他软件中打开。如下图所示WELSIM中导出的材料在MatEditor中打开。...本例共创建21个材料数据集，每个材料的属性相似，只是具体数值不同。此外，也可以在脚本中添加不同的材料属性，支持更加多样性的材料集。

    45700

    SceneKitScene Kit 概要节点 (Nodes)光照动画开始用 Scene Kit 写游戏扩展默认渲染流程延时着色

    每个单独的骨骼都可以被移动和旋转，而复杂的动画需要同时对多块骨骼进行操作，如一个角色走路的动画，很可能就是从文件读取并加到对象上的 (而不是用代码一根骨头一根骨头的写)。...通常来说，旋转坐标轴和变换角度并不是设定光照的最佳方法。...2D菜单面板，译者注。...Scene Kit 在不同入口点分别提供了对旋转矩阵、模型数据、样本贴图及渲染后输出的色值的访问。 比如，下面的 GLSL 代码被用在模型数据的入口点中，可以将模型对象上所有点沿 x 轴扭曲。...twist.gif 延时着色 即使在纯 OpenGL 环境下，有些图像效果也无法通过一次渲染 pass 完成，我们可以将不同 shader 进行序列操作，以达到后续处理的目的，称为延时着色。

    1.9K80

    PDMS二次开发（五）——小试牛刀之细节整理和收尾

    Material Control属性值的判断，让对该属性在汇料时发挥作用；（之前我们只做了该属性的设置，没有在MTO计算中进行判断，没有真正生效） 改进对FTUBE类型材料的处理计算方法，找到了按长度和件数两种方式计算...FTUBE材料量的方法，最后还是采用的按件数计算的办法，因为该功能还是对属性的判断和读取，没有新颖的内容，所以去掉了计算方法的选择功能 List增加了右键菜单功能，增强用户体验、验证了界面的可扩展性 一次导出全套报表功能...，实战中很少有报表是一个个点出来的，都是一次生成套表 原本想增加一个通过勾选方式手动设置材料DOTD值的界面，因为从开发角度来说没有什么新东西，于是取消了 原本想增加一个材料描述可配置选择功能，选择材料描述是采用...，最常见的菜单功能 图3 用一根管线做测试，除了FLAN1全部虚掉 图4 被虚掉的材料不会计入材料表 下载信息 目前适配的版本是PDMS12.0.SP6，12.1版本需要重新编译，稍后有时间放出。...图8 设置菜单项 步骤五：点击菜单按钮，就可以启动小工具了，如图9所示。

    2.2K10

    JVM故障分析及性能优化实战(VII)——使用MAT的Histogram和Dominator Tree定位溢出源

    上一篇文章概括的介绍了JVM Heap Dump文件生成的方式以及内存分析工具MAT的概要功能，今天讲解如何使用MAT的Histogram和Dominator Tree两个视图，定位到内存溢出源。...默认的大小单位是 Bytes，可以在 Window - Preferences 菜单中设置单位，图中设置的是KB。...可以点击工具类上的 ? 图标进行对比，通过多次对比不同时间点下的直方图对比就很容易把溢出的类找出来。 ?...定位溢出源 Histogram视图和Dominator Tree视图的角度不同，前者是基于类的角度，后者是基于对象实例的角度，并且可以更方便的看出其引用关系。...后续观察 根据上面分析的结果对问题进行处理之后，再对照之前的操作，看看对象是否还再持续增长，如果没有就说明这个地方的问题已经解决了。

    2.4K30

    WEB CAD实现粗糙度标注功能

    它的基本形式是一个三角形，尖端从材料外垂直指向被标注的表面。符号的尖端必须从材料外垂直指向被标注的表面，标注可以注在尺寸界线上、轮廓线上、延长线上或代号中‌。...去除材料方法符号：在基本符号上加上一小圆，表示表面是通过去除材料的方法获得的。这不仅可以是车、铣等传统加工方法，也可以是磨削、抛光等更精细的处理方式。4....相同去除方法符号：如果多个表面具有相同的去除材料方法，可以在基本符号上加上一个小圆，表示这些表面有相同的粗糙度要求。5....保持原供应状况符号：在某些情况下，表面需要保持其原始供应状况，这时可以在基本符号上加上一个小圆，表示这些表面不需要进行任何额外的处理。6....符号与代号的组合：在实际设计中，我们可能会遇到多种符号的组合使用。例如，基本符号加一短线和说明划线，表示表面是通过特定的去除材料方法获得的。

    46810

    OpenCV图像处理专栏十六 | 合理选用Side Window Filter辅助矩形框检测

    摘要：年前的时候，在StackOverFlow上发现了一个有趣的检测图像中的矩形物体的算法，今天想把它分享一下，另外，如果将这个算法配合上CVPR 2019的Side Window Filter在某些图片上可以实现更好的效果...在一张图片上通过传统算法来检测矩形。为了防止你无聊，先上一组对比图片。 ? 原始图 ?...算法原理 对原始图像进行滤波。(关于滤波器的选择可以选择普通的中值滤波，也可以选择Side Window Filter的中值滤波，这取决于你是否需要图像保存更多的边缘和角点)。...for (size_t i = 0; i < contours.size(); i++) { // 近似轮廓，精度与轮廓周长成正比,主要功能是把一个连续光滑曲线折线化，对图像轮廓点进行多边形拟合...我在测试某张图片的时候发现，如果把Side Window Filter应用到这里有时候会产生更好的效果，因此实现了一下用于中值滤波的Side Window Filter，介于篇幅原因请到我的github

    1.4K10

    计算机视觉 OpenCV Android | 基本特征检测 之 轮廓分析

    （2）最小边界框 与上面边界框不同的是， 获取到的最小边界框有时候不是一个水平或者垂直的矩形， 而是一个旋转了一定角度的矩形， 但是最小外接矩形（最小边界框）能够更加真实地反映出轮廓的几何结构大小，...调用该API会返回一个RotatedRect对象实例， 它是OpenCV关于旋转矩形的数据结构， 其包含了旋转角度，矩形的宽、高及四个顶点等信息， 通过相关的API都可以查询获得， 绘制旋转矩形对象的时候...完整的发现获取轮廓、外接轮廓、最小外接轮廓、横纵比、面积与长度的代码演示如下： private void measureContours(Mat src, Mat dst) { 　　Mat gray=...new Mat(); 　　Mat binary = new Mat(); 　　// 二值 　　Imgproc.cvtColor(src, gray, Imgproc.COLOR_BGR2GRAY);...感兴趣的小伙伴可以进一步细化该方法， 将计算得到的轮廓几何属性值如长度、面积等 通过putText函数显示到输出的图像上 ---- 参考材料 《OpenCV Android 开发实战》（贾志刚 著）

    1.8K20

    基于灰度共生矩阵(GLCM)的图像纹理分析与提取

    灰度共生矩阵 灰度共生矩阵(Gray Level CO-Occurrence Matrix-GLCM)是图像特征分析与提取的重要方法之一，在纹理分析、特征分类、图像质量评价灯方面都有很重要的应用，其基本原理图示如下...2) = 2 说明在像素矩阵中有两个像素值1，2相邻的像素点对、以此类推得到完整的右侧灰度共生矩阵。...此外对正常的灰度图像来说，最小灰度值为0，最大的灰度值为255，共计256个灰度级别，所以GLCM的大小为256x256，但是我们可以对灰度级别进行降维操作，比如可以每8个灰度值表示一个level这样，...显示灰度共生矩阵 这里我采用的角度为0、45、90、135、像素距离d=1、灰度级别为256，代码实现如下： // 0°， 45°， 90°， 135° Mat glcm_0 = Mat::zeros...测试二 ?

    9.8K10

    CAD2007操作教程下

    4、 平面着色：用于在多边形面之间着色对象，但平面着色的对象不加体着色的对象那样细致、光滑。 5、 体着色：用于对多边形平面之间的对象进行着色，并使其边缘平滑，给对象一个光滑，具有真实感的外观。...对二维线进行拉伸方法 1． 在命令栏中输入快捷键为EXT 2． 指定位伸的高度 3． 指定拉伸的倾斜角度 4． 确定 使用“绘图”|“实体”|“旋转”命令，将二维对象绕某一轴旋转生成实体。...旋转角度：从当前位置起，使对象绕选定的轴旋转指定的角度。 倾斜面：按一个角度将面进行倾斜。 倾斜角度的旋转方向由选择基点和第二点（沿选定失量）的顺序决定。 复制面：从三维实体上复制指定的面。...第十八课时 渲染工具栏 重点与难点： l 使用渲染窗口 l 设置材质、灯光 l 设置渲染的背景图片 1、选择“视图”菜单下的“渲染”命令中的“渲染”命令或单击 中的 按纽，打开“渲染”对话框，可以从中对场景或指定对象进行渲染...2、室外 建筑上规律都是“3”的倍数，建筑 上指建筑面积也就是轴线尺寸间面积 扶手：一般为900mm 踏步板：高度为150mm，宽度300mm 护栏一般高900mm 护栏材料为木，金属，玻璃 门分为单开门

    11K30

    Plaxis代理封装框架——完整的基坑仿真解析（一）

    代理框架的介绍博客原文由于这个框架是原来笔者的科研过程中流式代码转换过来的，且在完整的框架开发时由于对Plaxis机理和机制理解有限，因此难免存在疏漏和错误，还请各位同学及时提出，辅助修正。...由于testmapper.ipynb是在本框架的源码上测试得到的，因此在引入相关代码模块时存在src等文件目录字样，同时import时直接对具体代码文件中的对象或函数进行引用，与当前直接通过pip安装得到的模块包引用的方式存在一定的区别...，这里仅对当前的测试文件进行介绍，实际本框架内各个模块怎么导入和使用建议阅读源码和第二部分的真实示例介绍。...在材料测试部分，我们看到框架支持从简单的弹性材料到复杂的各向异性材料和弹塑性材料。...荷载系统测试涵盖了从静态到动态的完整荷载类型。特别值得注意的是动态荷载的实现方式：它不是创建新的荷载实体，而是在静态荷载的基础上附加乘子。

    21410

    泊车必备 | 一文详解AVM环视自标定

    前言 AVM环视系统中相机参数通常是汽车出厂前在标定车间中进行的离线阶段标定。很多供应商还提供了不依赖于标定车间的汽车自标定方法。...笔者从头梳理了一下左右手坐标系、坐标系表征、坐标转换、欧拉角等基本原理，发现网上很多作者对这部内容都是抄来抄去文档很混乱。在实现自标定算法前，需要把这些都搞清楚。...2.2坐标转换 对XOY坐标系下的点（1，0）进行坐标转换也分为两种情况，对应两种不同的物理意义 使用2.1中的坐标系表征矩阵 这种情况对应的物理意义为：XOY坐标系下的点（1，0）跟随坐标轴做了...因此问题转换为： 由于噪声的存在，上述理想化等式不可能存在，因此进一步地转换为： ，可以通过对矩阵 A^{T} A进行特征分解，最小特征值对应的特征向量就是这个问题的解，也就是消失点坐标。...实际上我们在基于消失点进行相机外参标定时用的时如下组合： 上式的物理意义是：相机先绕Z轴旋转roll翻滚角，然后绕X旋转pitch俯仰角，最后绕Y旋转航偏角，需要注意的是坐标转换矩阵的连乘顺序为左乘。

    4.3K50

    【失败也分享】C++ OpenCV人脸Delaunay三角形提取及仿射变换的使用

    从上面的动图中可以看到，我们在提取出人脸后，把人脸用Delaunay进行三角形分割，然后再用仿射变换的对每个三角形进行处理，最左边一块一块的拼接的过程可以看出，不过也很明显，有不少的三角形对应的不对，所以整个人脸也都变形了...在图1中，我们在左图像上看到一组界标，以及在中间图像中的三角测量。一组点可以有许多可能的三角剖分，但Delaunay三角剖分出众，因为它有一些不错的属性。...在顶部图像中，角度ABC和ABD大，并且Delaunay三角剖分在B和D之间创建边缘，将两个大角度分割成更小的角度ABD，ADB，CDB和CBD。...另一方面，在底部图像中，角度BCD太大，并且Delaunay三角剖分产生边缘AC以划分大角度。 有很多算法来找到一组点的Delaunay三角剖分。...& frame, vector facemarkmodel, string showname="testframe"); //根据两组人脸点进行仿射变换 static Mat WarpAffineFaceMark

    2K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券