首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端西瓜哥的前端文章

    图形编辑器开发网格网格吸附

    我正在开发的 suika 图形编辑器: https://github.com/F-star/suika 线上体验: https://blog.fstars.wang/app/suika/ 网格是什么? 特殊的,当网格间距设置为 1 时,就变成 像素网格 了,Figma 的网格就是像素网格,不可设置网格间距。 网格线的颜色通常是灰色,不能存在感太强。 绘制上就是在原来网格线的基础上,再画一个放大了 n 倍的网格线。注意这个大网格颜色相比小网格颜色要不同,以看出区别。 网格线颜色一般默认会比较浅,以免喧宾夺主。 网格样式 除了网格线,还有另一种网格的表示方式:用圆点表示。 点的位置对应原来网格线与线之间的交点位置。 该效果常见于白板工具。 网格密度过大 当缩小画布时,网格会跟随缩小。当缩放得非常小时,网格线就会显得非常密集。 为了解决网格密度过大的问题,通常我们有两种做法。 (1)视口上的网格间距小到一定程度,就不再显示。

    98310编辑于 2024-05-15
  • 来自专栏一“技”之长

    Java开发GUI之GridLayout网格布局

    Java开发GUI之GridLayout网格布局     GridLayout是简单的网格布局,使用其可以方便的实现多行多列的布局样式。

    66530发布于 2018-08-15
  • 来自专栏云原生研究

    使用服务网格Istio开发微服务2:应用开发

    现在,我们开始为服务网格编写微服务应用了。 我们以一个电商购物网站为例来说明。 腾讯网格商店介绍 腾讯网格商店(Tencent Mesh Shop) 【账号:demo/111111】是一个购物网站示例。 各个模块说明: 文件目录 开发语言 说明 /apps/passport Nodejs [购买容器服务] 2、容器服务->服务网格 -> 新建。这个步骤将会把服务网格安装到刚刚新建的 TKE 容器集群。 应用打包 Dockerfile docker 打包文件一般都是开发者来编写,可以使用运维提供的统一模板。

    1.9K97发布于 2020-05-25
  • 来自专栏超级架构师

    【数据网格】应用数据网格

    答案被称为“数据网格”。 如果您像我一样感受到公司当前数据架构的痛苦,那么您想迁移到数据网格。但是怎么做?这就是我在本文中探索的内容。 但首先,简要回顾一下数据网格。 Twitter 数据网格总结 现代软件开发需要一种分散的数据方法。数据必须被其生成团队视为产品;他们需要为它服务;分析团队和软件团队需要改变! 更长的总结 DDD、微服务和 DevOps 在过去十年改变了我们开发软件的方式。然而,分析部门的数据并没有赶上这一点。为了在采用现代开发方法的公司中加快基于数据的决策,分析和软件团队需要改变。 因此,我们确实需要迎头赶上,因为在这些趋势完全改变我们开发软件的方式之前,中央全能数据湖是一个老问题的答案。此外,一个全能的数据湖并不是 Dixon 最初想象的那样。 现在我们可以开始将节点添加到我们的数据网格中,我们可以采取任何一种方式,通过打破一个闪亮的新微服务或打破那些令人讨厌的旧旧片段之一。 让我们首先考虑微服务案例。 第 3 步:开发一个新的微服务。

    1.9K10编辑于 2022-09-26
  • 来自专栏图形视觉

    网格简化

    原文链接 网格简化可以减少网格的三角片数量,同时尽量保持住网格的几何信息或其它属性(如纹理)。 通常情况下,我们讲的网格简化,需要保持住网格的拓扑结构,它区别于下图的Wrap操作。 它的特点: 计算速度相对较慢 对整体误差的控制优于局部操作 ---- 带纹理坐标的网格简化 单纯的网格简化和带纹理坐标的网格简化是有区别的,前者的简化的对象是下面左图所示的网格,后者的简化对象是UV域的网格 带纹理坐标的网格简化,不仅要尽量保持住网格的几何特征,而且还要保持住UV域网格的边界几何。特别是后者,如果UV网格的边界几何变化比较大,会使得网格纹理贴图在UV边界处的颜色割缝比较明显。 当网格简化数目太多的时候,绝大部分的简化点发生在UV网格的内部顶点,这也会导致原始网格的几何简化的比较厉害,并且在UV边界处的几何扭曲会比较大。

    4.6K30发布于 2019-10-22
  • 来自专栏图形视觉

    网格映射

    如果S和T有相同的网格连接关系,那么F可以是一个刚性变换。如果S和T的网格连接关系有差异,则S和T互为对方的Remesh网格。 这类的网格映射就更为复杂了,目前很有少这方面的研究。 另外,网格的参数化也是一类特殊的网格映射。如果参数域是平面,那么它就是网格的UV展开。 因为参数域一般是基本形状,所以这类网格映射都是放在网格参数化里进行讨论。这里介绍的网格映射,网格的形状是一般化的。 ---- 网格映射的性质 网格映射的计算,经常会考虑一些性质: 双射:两个网格在映射区域的映射,期望是一个双射。 扭曲度:映射扭曲度经常用于度量映射的好坏,优化能量里也常见扭曲度的度量。 ---- 网格映射的应用 网格映射有很多应用: 模板网格拟合 纹理迁移 形状插值 ---- 网格映射的计算方法 网格映射的计算方法有很多,常见的有这几种类型: 间接法 直接法 函数映射法 网格映射的计算方法中

    2K50发布于 2019-10-24
  • 来自专栏iOS开发大全

    开心档-软件开发入门之CSS 网格容器

    个人主页:爱学iOS的小麦子的主页​​​​​​ 前言 本章将会讲解Ruby CGI Session CSS 网格容器 图片 网格容器 要使 HTML 元素变成一个网格容器,可以将 display 属性设置为 网格容器内放置着由列和行内组成的网格元素。 grid-template-columns 属性 grid-template-columns 属性定义了网格布局中的列的数量,它也可以设置每个列的宽度。 } **注意:**如果您在 4 列网格中有 4 个以上的网格元素,网格布局会生成新的一行放置该元素。 ,设置如何分配顺着弹性容器主轴(或者网格行轴) 的元素之间及其周围的空间。 **注意:**网格的总宽度必须小于容器的宽度才能使 justify-content 属性生效。

    94320编辑于 2023-02-10
  • 来自专栏云原生研究

    使用服务网格Istio开发微服务1:背景及开发约定

    服务网格恰恰屏蔽了这些内容,将服务治理完全下沉到网络层。开发者无需再编写与业务无关的代码了。 “我只要写好 restful 的服务,丢到服务网格体系中,就 run 起来了,上面的那些能力自动获得。” 一个典型的服务网格应用示意如下图: [istio 架构] 开发框架和组织的解耦 微服务通常由多个小组协同开发。 服务网格对微服务的技术人员的要求和分工也带来了一些变化。通常的需求有两类: 业务(服务)开发者:理解企业业务,并具有应用开发能力。 运维开发:只需要理解容器,容器编排,以及服务网格/service mesh/isito,写一些部署脚本,或者把当前的 CI/CD 系统连接到服务网格就好了。 服务响应格式统一 在服务网格中,服务端一般采用 http 的 restful 的方式。统一的响应格式会为开发带来便利,也易于封装统一的调用。

    1.3K63发布于 2020-05-25
  • 来自专栏图形视觉

    网格测量

    网格上的测地线:网格上的测地线如果限制在网格的边上走,则为近似的测地线,如下图中间所示。如果测地线可以走网格的面,则为精确的测地线,如下图右所示。 测地线的应用:可以用于测量网格上两点之间的距离,比如下图测量鞋子。也可以用于线切割网格的应用中,比如UV展开网格前,需要先用测地线把网格割开。 可以通过曲率信息来改变网格的测度。如下图所示,中图的线为普通的测地线,右图是吸附到特征边的测地线。 ---- 软件中的单位系统 三维数据一般都有自己的单位,比如1可能代表1米或者1毫米。

    1.8K31发布于 2019-10-30
  • 来自专栏图形视觉

    网格分割

    原文链接 网格分割是什么 网格由顶点和面组成,我们对网格顶点或者面的进行分类,就是网格分割。它是一个分类问题,而分类问题是机器学习里的经典问题。 下面这张图很好的给网格分割方法做了个分类。 一个直观的想法是直接应用图像分割的方法来对网格进行分割。图像和网格的信息结构是有差异的,图像是规则的二维矩阵,网格是不规则的图结构。 那么最简单的可以把网格转化未规则的信息结构,比如把网格映射到二维图像,或者网格体素化。早些时候的网格深度学习方法就是采用的这些方法。 下面这个方法(MeshCNN: A Network with an Edge – Siggraph2019),就是直接在不规则的网格上进行深度学习: 网格的边类比图像的像素。

    1.7K50发布于 2019-10-23
  • 来自专栏全栈程序员必看

    icem合并面网格_ICEM CFD混合网格

    ICEM CFD 中合并多个网格 对于结构十分复杂的几何模型,若能够将几何体分割成多个部分由多人分别进行网格划分,生 成网格后能够对网格进行组装,这恐怕是很多人梦寐以求的功能了。 但是最 好是在同一个体上进行切割,否则网格组装的过程中会存在定位的问题。同一个体上切割的几 何则不会存在几何坐标定位的问题。 图 1 原始几何 图 2 几何 1 生成的网格 图 3 保存网格 1 、将几何 1.x_t 导入到 ICEM CFD 中进行网格划分。注意千万保证单位的一致,切记。 这里是一个长方体,网格划分方法就不多说了。预览网格如图 2 所示。选择菜单 File > Mesh > Load From Blocking 生成网格。 2 、保存网格。 3 、按照相同的步骤对模型 2 与模型 3 进行网格文件,同时保存网格文件为 2.uns 与 3.uns 。

    1.3K10编辑于 2022-09-01
  • 来自专栏超级架构师

    【数据网格架构】什么是数据网格——以及如何不将其网格

    询问数据行业的任何人这些天最热门的是什么,“数据网格”很有可能会上升到列表的顶部。但是什么是数据网格,为什么要构建一个?求知者想知道。 幸运的是,寻求新的数据租约的团队只需要查看数据网格,这是一种席卷整个行业的架构范式。 什么是数据网格网格化还是不网格化:这是个问题 处理大量数据源并需要对数据进行试验(换句话说,快速转换数据)的团队考虑利用数据网格是明智的。 我们进行了一个简单的计算,以确定您的组织投资数据网格是否有意义。 数据网格得分 通常,您的分数越高,您公司的数据基础架构要求就越复杂和苛刻,反过来,您的组织就越有可能从数据网格中受益。如果您的得分高于 10,那么实施一些数据网格最佳实践可能对您的公司有意义。 鉴于围绕数据网格的相对新颖性,这是一个相当值得关注的问题,但我鼓励有好奇心的人阅读细则。数据网格实际上并没有引入这些风险,而是要求您的数据具有可扩展的、自助式的可观察性。

    1.4K10编辑于 2022-09-26
  • 来自专栏雪胖纸的玩蛇日常

    12.开发newapp修改Bug1:用户信息应该实时更新,网格长数据展示,网格网格员编辑数据的权力的查询

    2.网格长查看数据(网格员及网格员负责的楼街) 1.在user_operations/views.py中完善GetCaoZuoView的网格长部分 class GetCaoZuoView(APIView commons/post_and_get.js'; export default { data() { return { //非网格员也非网格长 3.网格网格员编辑数据权力的查询(不能让网格长和网格员一直随时可以编辑数据) 1.不能让网格员一直随时可以修改数据,所以要设计一个开关阀,只有在开关阀开着的期间,才能进行数据修改 1.在后端项目NewCenter 'upuserinfo/',UpUserInfoView.as_view()),#更新用户个人信息 path('editpower/',EditPowerView.as_view()),#查看网格长和网格员是否有编辑权 commons/post_and_get.js'; export default { data() { return { //非网格员也非网格

    1.1K30发布于 2020-06-28
  • 来自专栏CSDNToQQCode

    HarmonyOS应用开发实战 | ArkTS Grid网格组件使用指南

    坚果派·红目香薰 倾情分享 用心打造每一个技术细节,为开发者创造更多价值 让HarmonyOS开发变得更简单、更有趣 ✨ 写在前面的话 嗨,亲爱的技术朋友们! 开发之路点亮一盏明灯。 响应式设计:自适应不同屏幕尺寸 交互丰富:支持多种手势操作和状态管理 实用性强:涵盖实际开发中的各种网格场景 界面展示 界面采用多样化的网格展示: 基础网格:固定列数的规整网格 自适应网格:根据屏幕宽度自动调整列数 视觉效果:观察阴影、圆角、渐变等视觉效果 瀑布流:查看照片网格的不同高度布局 开发小贴士 最佳实践 网格设计:合理设置列数和间距,确保视觉平衡 视觉统一:保持网格项的设计风格一致性 ⚡ 性能优化 响应式网格布局的开发技巧 创建美观网格界面的设计原则 Grid组件作为现代移动应用中最重要的布局组件之一,掌握其各种用法对于创建整齐美观的界面至关重要。

    29710编辑于 2025-12-16
  • 来自专栏云原生研究

    使用服务网格Istio开发微服务3:服务治理

    我们已经把应用进行了拆分,并按照微服务的模式开发并部署到了 istio。 如何实现那些微服务治理的高级功能?现在就是见证奇迹的时候了。 弹性伸缩 isito 的弹性功能是由 K8S 实现的。 simple: ROUND_ROBIN 负载均衡策略可选项: ROUND_ROBIN,LEAST_CONN,RANDOM,PASSTHROUGH 灰度 下面的例子将 30% 的流量转发到了新开发上线的版本为

    984107发布于 2020-05-25
  • 来自专栏HarmonyOS点石成金

    鸿蒙开发:实现一个超简单的网格拖拽

    前言 运行环境:基于HarmonyOs NEXT DevEco Studio:Build Version: 5.0.3.900 API:12 modelVersion:5.0.0 网格拖拽,此功能很是常见 ,一般用于频道的编辑或者条目顺序的排列,在鸿蒙的开发中,针对网格的编辑,系统也给出了相关的Api,通过onItemDragStart和在onItemDrop即可轻松实现,onItemDragStart用于设置拖拽过程中的显示 ) }) }.width('100%') .height("100%") } } 以上代码我们就很简单的实现了一个网格拖拽 禁止交换 实际的开发中,除了某个条目禁止拖拽之外,也有不能和它进行交换的逻辑,比如第一个条目,就是固定的,不仅仅禁止拖拽,也不能和其进行交换,这种情况下如何进行实现呢? 简单实现 目前呢这个网格拖拽功能已经做了一层封装,放到了refresh库中,大家如果想直接使用,可以依赖这个库: "dependencies": { "@abner/refresh": "^1.3.6"

    33210编辑于 2025-01-08
  • 来自专栏老欧说安卓

    Android开发笔记(二十二)瀑布流网格WaterfallGridView

    瀑布流网格的产生背景 Android中展示门类信息一般使用列表视图ListView或者网格视图GridView,特别是电商类APP的首页,除了顶部导航、底部标签、上方横幅外,主要页面都是展示各种商品和活动的网格视图 再比如像新闻摘要,每篇摘要的字数都不一样,为了把文字显示完全,也需要对每个网格自适应高度,字数多的网格分配较小的高度,字数较多的网格分配较大的高度。 可惜GridView不支持自适配网格高度,所以我们得自己写个瀑布流网格控件来实现这样的效果了。 其次要实现一个适配器,用于决定网格总数getCount,以及每个网格存放的具体视图getView。 点此查看Android开发笔记的完整目录

    3.4K60发布于 2019-01-18
  • 来自专栏Devops专栏

    Canvas绘制网格

    绘画的思路 如果要绘画一个网格的图形,在Canvas可以怎么去绘画呢? 下面来看看绘画的步骤,如下: 设置网格的大小,gridSize用于确定网格之中的线之间的间隔 获取Canvas的宽度width、高度height,用于计算x轴、y轴需要绘画的条数 采用遍历的方式,绘画x 轴的线条 采用遍历的方式,绘画y轴的线条 通过这四个基本步骤,就可以绘画出一个完整的网格图了,下面来示例。 绘画网格的示例 <! 设置网格的大小,gridSize用于确定网格之中的线之间的间隔 2.

    1.9K20发布于 2020-02-13
  • 来自专栏sktj

    bootstrap 网格排列

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

    64410编辑于 2022-01-10
  • 来自专栏图形视觉

    网格UV展开

    图1 ---- 什么样的网格可以做UV展开 那是不是所有的网格都可以做UV展开呢?答案是否定的。只有圆盘拓扑结构的网格才能展开到平面上,比如一个球,无论如何都不可能在不撕裂的情况下展开到平面。 ---- 网格割缝和纹理坐标缝隙的区别 这是两个不同的概念。把网格顶点映射到纹理坐标域所得到的2D网格,和原始网格的拓扑结构可以是不同的。你可以把这两个网格看成是两个独立的网格。 纹理坐标的缝隙是2D网格的边界。网格割缝是把网格的拓扑结构改变了,割缝处会产生新的网格顶点。纹理坐标缝隙,是在展开的UV空间中,顶点纹理坐标的缝隙。缝隙处网格顶点和纹理坐标是一对多的关系。 如果在纹理坐标缝隙处把网格割开,那么割开后的网格顶点和纹理坐标就是一一对应的关系了。 ---- 网格割缝的创建 UV展开的应用里,经常需要创建一些网格割缝。 如下图所示,网格UV展开到平面后,把网格对应的贴图填充到UV坐标域,就得到了右边的纹理图。网格在渲染的时候,每个三角片离散化后,每个离散点会根据UV坐标值去纹理图里拾取颜色。

    3.7K30发布于 2019-10-18
领券