前言 在嵌入式linux开发中，进行需要修改一下配置文件之类的，必须使用vi，因此，熟悉 vi 的一些基本操作，有助于提高工作效率。...一，模式 vi编辑器有3种模式：命令模式、输入模式、末行模式。...输入模式：在命令模式中输入字幕“i”就可以进入vi的输入模式编辑文件。在这个模式中我们可以编辑、修改、输入等编辑工作，在编辑器最后一行显示一个“--INSERT--”标志着vi进入了输入模式。...，删除整行 命令模式下，光标位于要删除的所在行，输入 dd b，删除一个单词 命令模式下，光标位于要删除的单词的第一个字母，输入 dw 五，撤销 命令模式下，输入 u 六，跳转 命令模式下，输入...：n1,n2 m n3：将n1行到n2行之间的内容移至到第n3行下 ：n1,n2 d ：将n1行到n2行之间的内容删除 ：w ：保存当前文件 ：e filename：打开文件filename进行编辑
前言 在嵌入式linux开发中，进行需要修改一下配置文件之类的，必须使用vi，因此，熟悉 vi 的一些基本操作，有助于提高工作效率。 一，模式 vi编辑器有3种模式：命令模式、输入模式、末行模式。...输入模式：在命令模式中输入字幕“i”就可以进入vi的输入模式编辑文件。在这个模式中我们可以编辑、修改、输入等编辑工作，在编辑器最后一行显示一个“--INSERT--”标志着vi进入了输入模式。...二，复制 a，复制整行 命令模式下，光标位于要复制的当前行，输入 yy b，复制一个单词 命令模式下，光标位于要复制的当前单词的第一个字母，输入 yw 三，黏贴 命令模式下，输入 p 四，删除 a...，删除整行 命令模式下，光标位于要删除的所在行，输入 dd b，删除一个单词 命令模式下，光标位于要删除的单词的第一个字母，输入 dw 五，撤销 命令模式下，输入 u 六，跳转 命令模式下，输入...：n1,n2 m n3：将n1行到n2行之间的内容移至到第n3行下 ：n1,n2 d ：将n1行到n2行之间的内容删除 ：w ：保存当前文件 ：e filename：打开文件filename进行编辑
，会经常被用到，我们在实现缩放图形前需要理清一下它们。...交互逻辑： 选择工具下，当光标落在右下角的缩放控制点上时，光标会变成缩放样式（这个不是本文核心，不讲）。 此时按下鼠标，然后进行拖拽，即可对图形以左上角为缩放中心，进行缩放。...按下鼠标时，我们要把当前图形的 x、y、width、height、rotation 记录下来。之后的缩放是基于这个初始状态进行的。...结尾 本文实现了图形缩放的功能，希望对你有所帮助。 相关阅读， 计算机图形学：变换矩阵 图形编辑器开发：最基础但却复杂的选择工具 图形编辑器：历史记录设计 图形编辑器开发：模块间如何通信？...图形编辑器：工具管理和切换 图形编辑器：底层设计 图形编辑器：防误操作之拖拽阻塞
我写的一系列图形编辑器的文章，是基于我一个叫做 suika 的个人项目总结抽象而来的。 毕竟不落地，我写的文章就不真实。...但我暂且在这里稍微 简单介绍一下这个项目。 项目起源 suika 是我在持续开发的一款开源图形编辑器项目，基本上是模仿 Figma。 的初级功能。...图形库简单封装，在 scene 目录里。 然后编辑器内核，管理所有的编辑器线管逻辑，对应 editor 文件夹。 最后是 UI 层在 components 文件夹。...图形编辑器相关的文章很慢，要学的东西太多了，同时需要花费精力在项目中落地，另外也会穿插一些图形编辑器具体实现 之外的文章，比如一些渲染引擎的底层实现，各位见谅。...相关阅读， 图形编辑器开发：最基础但却复杂的选择工具 图形编辑器：历史记录设计 图形编辑器开发：模块间如何通信？ 图形编辑器：工具管理和切换 图形编辑器：底层设计 图形编辑器：防误操作之拖拽阻塞
平时在使用Linux学习或者编辑时，总离不开文件的编辑。不像Windows哪样，有各种各样的编辑器。那么我们在Linux环境中常用那些编辑器呢？...命令模式： 此状态下敲击键盘动作会被Vim识别为命令，而非输入字符。比如我们此时按下i，并不会输入一个字符，i被当作了一个命令。 常用的几个命令： 命令 释义 i 切换到输入模式，以输入字符。...: 切换到底线命令模式 输入模式 在命令模式下按下i就进入了输入模式。...删除光标后一个字符 方向键 在文本中移动光标 HOME/END 移动光标到行首/行尾 Insert 切换光标为输入/替换模式，光标将变成竖线/下划线 ESC 退出输入模式，切换到命令模式 底线命令模式 在命令模式下按下...打开文件后，就可以直接编辑了。
Linux下的文本编辑工具 - vi 文本关键字：文本编辑、vi、普通模式、编辑模式、命令模式 一、vi工作模式 由于Linux系统“一切皆配置”的特性，我们经常要去修改各种软件及服务的配置文件，因此掌握最基本的编辑工具是十分必要的...在装了桌面的Linux系统中我们可以使用gedit等工具，像使用记事本一样直接编辑文件中的内容。...显示行号 -> 命令模式下：set nu 隐藏行号 -> 命令模式下：set nonu 定位至第n行 -> 命令模式下：n ?...三、文档编辑 使用vi工具进行文档编辑时有两种方式，一种是直接进入到编辑模式进行文件内容的修改，另外一种方式是在普通模式下使用快捷键进行以行为基本单位的删除，复制等。 ?...四、查找替换 对于文本的编辑，同样少不了查找和替换功能，在命令模式下，按照指定的格式可以对文本内容进行查找和替换。 ? 五、保存退出 ?
： 《图形编辑器：工具管理和切换》 对应的工具类的实现会围绕用户的 按下鼠标、拖拽、释放 这 3 个行为，图形绘制工具同样如此。...如果这个图形还有其他属性，我们可以在绘制后通过其他方式（比如控制点或者面板修改值）去修改。 鼠标按下 首先是鼠标按下的逻辑。逻辑很少，主要是记录起始点。...更新图形 更新图形通常就是更新一下图形的 x、y、width、height 属性，所以基类会提供一个默认实现。...实现了这个图形绘制基类后，我们理论上就可以绘制任何图形了，甚至用户自定义的图形，只要这些图形对象使用 x、y、 width、height。 我是前端西瓜哥，欢迎关注我，学习更多图形编辑器知识。...相关阅读， 图形编辑器开发：最基础但却复杂的选择工具 图形编辑器：工具管理和切换 图形编辑器：底层设计 图形编辑器：对齐功能的实现 图形编辑器：历史记录设计 图形编辑器：防误操作之拖拽阻塞 图形编辑器
对于图形，其实就是将原来图形上的每一个点做了重映射，然后得到图形的缩放、旋转、位移等效果。...对于光标点，我们通过逆矩阵计算它 在图形变形前的位置。 此时我们求在本地坐标系下，光标点到缩放中心的宽高。 这里要用绝对值，因为 width 和 height 不能为负数。...这里我们分别计算场景坐标系下，缩放中心点的新旧点的位置，求差值，得到一个补正用的位移矩阵。...这是因为如果图形有描边的话，strokeWidth 会受到 scale 的影响改变宽度，导致不同方向的描边不均匀。 看看动图演示： 完整代码 下面贴一下用 TypeScript 实现的完整代码。...缩放多个图形稍微又有点点不一样，我们下篇文章再聊。 我是前端西瓜哥，欢迎关注我，学习更多图形编辑器知识。
我开发的图形编辑器，原本选中图形是基于选区是否完全包含对应图形来判断其是否被选中，使用的是矩形包含判断。...for (const el of elements) { let isSelected = false; // 是否被选中到 // 首先做 AABB 碰撞检测 // 绝大多数场景下，只有少数图形和选区有相交...我是前端西瓜哥，欢迎关注我，学习更图形编辑器知识。...---- 相关阅读， 几何算法：判断两条线段是否相交 图形编辑器开发：颜色 hex 标准化 图形编辑器开发：一些会用到的简单几何算法 几何算法：矩形碰撞和包含检测算法 在容器内显示图片的五种方案...：contain、cover、fill、none、scale-down 计算机图形学：变换矩阵 求向量的角度 图形编辑器开发：以光标为中心缩放画布 图形编辑器开发：参考线吸附效功能，让图形自动对齐
vi有三种工作模式：命令模式、文本编辑模式、最后行模式。 命令模式是启动vi进入的工作模式，在此模式下输入i，I，a，A，o，O，r，R命令中的任何一个即可进入文本编辑模式。...在文本编辑模式下可输入文本内容，用上、下、左、右方向键移动光标，使用【Del】键和【Backspace】键删除字符，按【Esc】键回到命令模式。...若要在命令模式下选定行则：（1）输入nG 到第n行行首 （2）输入gg到达首行 （3）输入G到达末行 若在文本编辑模式下输入错误要撤销一步，按【Esc}，输入u即可。...在文本编辑模式退后到命令模式后，输入：进入最后行模式 常见的最后行命令有： 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/164528.html原文链接：https
最近的项目一直在window平台编写和测试，今天转移到linux平台上，莫名出现验证码无法显示的问题，如图 而我本地一切正常 第一个反应是字体版权在linux平台受限，尝试更换字体无解。...然后检查了一下本地和远程虚拟主机上的PHP版本，发现远程虚拟主机的GD库版本只有2.0.0而我本地已经是2.1.0的了，马上联系服务商，服务商告知GD库不能升级。无奈只好在程序上做文章了。...GD库低于2.0.18的情况下，使用putenv()函数配置环境， 代码： putenv('GDFONTPATH=' . realpath('.')); 然后继续使用原来的字体变量即可 $font
本文链接：https://blog.csdn.net/ebw123/article/details/41925981 工作中必须使用Windows时，Notepad++是众多程序员最喜爱的文本编辑器...，在Ubuntu下是否能够使用到相同的软件呢？...Notepadqq就是这样一款与Notepad++非常接近的编辑器，拥有几乎相同的功能。如果您是一个Notepad++粉丝，我们推荐您尝试下Notepadqq。...以下是Notepadqq的截图： 在Ubuntu / Ubuntu Kylin下安装和卸载 Nodepadqq 对于Ubuntu发行版本可以通过PPA安装，命令如下： sudo add-apt-repository
命令：vim app.py 如果不存在app.py则会自动创建 1.进入编辑器后按 字母“i”即可进入编辑状态（此时左下角会出现 “插入”） 2.退出的时候分为4种情况：保存退出、正常退出、不保存退出以及强制退出
本文将会介绍在不适用第三方工具的情况下，如何通过系统自带的方法和工具获取屏幕截图，另外还会介绍一些可用于 Linux 的最佳截图工具。...如上所述，在 Linux 中使用默认的快捷键获取屏幕截图是相当简单的。但如果要在不把屏幕截图导入到其它应用程序的情况下对屏幕截图进行编辑，还是使用屏幕截图工具比较方便。...方法 2：在 Linux 中使用 Flameshot 获取屏幕截图并编辑 ?...将键盘快捷键映射到 Flameshot 方法 3：在 Linux 中使用 Shutter 获取屏幕截图并编辑 ?...Shutter 在任何一款最新的 Linux 发行版上最常见的问题就是由于缺少了任务栏上的程序图标，导致默认禁用了编辑屏幕截图的功能。 对于这个缺陷，还是有解决方案的。
今天这篇文字来讲解一下图形编辑器如何实现图形的复制粘贴。 粘贴的范围 首先需要确认一下粘贴的范围。...如果只支持粘贴到当前编辑器下，方案很简单：只需要监听 Ctrl + C 键盘事件深拷贝一份选中图形对象，然后再监听 Ctrl + V 事件，将拷贝出来的对象添加到图形树的末尾。...相同图纸下右键粘贴 快捷键粘贴没有光标操作，所以粘贴图形的位置需要用另一种方式去处理。 我们需要考虑两种情况：相同图纸和跨图纸。 对于在同一个图纸下快捷键粘贴，图形复制时在哪里，粘贴也在哪里。...然后就是粘贴文字、图形的情况，这时我们就不能用 clipboard.writeText()，要用 clipboard.write() 了。 结尾 总结一下图形编辑器的图形复制粘贴的逻辑。...图形编辑器开发：绘制图形工具 图形编辑器开发：最基础但却复杂的选择工具 图形编辑器：工具管理和切换 图形编辑器：底层设计 图形编辑器：对齐功能的实现 图形编辑器：历史记录设计
研发线上使用最多的编辑器，就是vi。无论是最快查看某个文件内容，还是快速编辑某个文件，vi都能帮上忙。 软件世界貌似有一些非常长寿的东西，vi算是一个。本篇文章聚焦的是研发线上最常用的一些功能。...vim是vi的增强版，一般现代linux都不缺那几兆空间，所以预装的都是增强版，本文默认使用vim。 养成习惯 vim最大的贡献就是它的按键系统。...*//g 删除#之后的字符 没错，命令模式用的是正则，这些经验是通用的 你已经发现了，这大概就是针对编辑器窗口的sed命令。...查找字符串 同样的，正则的知识也可以应用* 在普通模式下，按下/直接进入查找，输入相应的字符串按确定即可。...同一个编辑器的缓冲区是剪贴板是共享的，可以方便在多个文件中复制 bp 跳转到上一个缓冲区 bn 跳转到下一个缓冲区 退出编辑器 wq 保存当前文件并退出 wqa 保存所有文件并退出 q!
合并包围盒 我们需要计算并渲染选中多个图形的包围盒。...修正 width 和 height 问题不大，我们再写个 recomputeTransformRect 方法修正一下。...缩放单个图形的时候，我们直接在 resizeRect 就修正了 width 和 height。 但这次因为有多个图形，它们的宽高不一样，所以要在应用 transform 后再修正。...首先我们计算一下使用当前这个 transform 后的宽高。 对点 (width, 0) 应用 transform，然后再计算这个点到原点的距离，就是这个图形 transform 后的宽。高同理。...结尾 我是前端西瓜哥，欢迎关注我，学习更多图形编辑器知识。
前言 我们知道 Windows下有类似 UltraISO的这样的软件可以用来编辑 ISO文件，可引导 ISO也没有问题。...近来在 Linux下玩的比较多，正好要改个 ISO，于是就开始找 Linux下有没有类似的软件。 Ubuntu软件中心里有一款叫 ISOMaster的软件，可以创建和修改 ISO文件。...ISOMaster 好了，你是不是觉得可以通过 mount -o loop然后直接编辑来解决问题呢？...这是因为 Linux内核的 iso9660文件系统实现就是只读的，它实现的 file_operations中就没有 write。...参考链接 Linux下编辑ISO文件的方法
关于文本编辑器 文本编辑器有很多，比如图形模式的gedit、kwrite、OpenOffice … … ，文本模式下的编辑器有vi、vim（vi的增强版本）和nano … … vi和vim是我们在Linux...我们有必要介绍一下vi（vim）最简单的用法，以让Linux入门级用户在最短的时间内学会使用它。...nano 工具和DOS操作系统下的edit操作相似，使用简单，我们不作介绍了，如果您有兴趣，不妨尝试一下； vi 编辑器 为什么要学会简单应用vi vi或vim是Linux最基本的文本编辑工具，vi或vim...虽然没有图形界面编辑器那样点鼠标的简单操作，但vi编辑器在系统管理、服务器管理中，永远不是图形界面的编辑器能比的。...当您没有安装X-windows桌面环境或桌面环境崩溃时，我们仍需要字符模式下的编辑器vi； vi或vim 编辑器在创建和编辑简单文档最高效的工具； vi 编辑器的使用方法 如何调用vi [root@localhost
在linux系统中vim可以说是最常用到的编辑器了，但是vim和在windows下的notepad有很大的不同，今天就介绍一下vim常用的几个操作。...进入编辑模式 刚刚打开文件默认是快捷键形势的，刚接触输入会很凌乱，我们按下”i”键就会发现右下角出现了一个 — INSERT — 标志，这才是进入了编辑模式 ?...在编辑模式可以用方向箭头移动，注意不要使用数字小键盘，会跳到其他行 ? u键撤销 在vim里面如果不小心输入错了怎么版，就像上面那个，首先按下”esc”退出编辑模式，按”u”键就会撤销了 ?...复制一行 看到上面开放的22端口就想复制一行，只需在默认的快捷键模式，在一行上连续按2下”y”键，然后按一下”p”键 ?...然后在进入编辑模式修改就可以了 删除 如果想要删除一样，在默认模式下按2下”d”就可以 结束保存 结束和保存都是在默认的模式中的，按下’:’然后输入wq，然后回车就退出保存了 ?
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
