大家好，关于电脑屏幕尺子怎么用 电脑屏幕尺子使用注意事项;电脑屏幕如何测量英寸很多朋友都还不太明白，今天小编就来为大家分享关于的知识，希望对各位有所帮助！

我们按住键盘上的【Shift】键，用鼠标拉伸线段，并使用复制粘贴，复制出十个一样的线条：

我们删除最初的线条，并点选所有复制出来的线条，点击上方出现的【顶端对齐】选项：

顶端对齐后，调整第一个和第五个线条的长度，并按住【Ctrl】键点选所有的线条，将其组合成一体：

选中组合好的线条集合，按住键盘上的【Ctrl】键，复制出多个一样的集合：

点击工具栏中的【插入】选项，在下拉菜单中选择【文本框】，在弹出的二级菜单中选择【横向】：

在第一个较长线条下面插入文本框，并输入数字“0”，调整文本框到合适位置：

点击左边的【属性】对话框，在【形状选项】中“线条”选择“无线条”，我们可以看到文本框变成无色的：

我们按住键盘上的【Ctrl】键，复制移动文本框到每个长线条下面，分别按照数字序列输入，这样一个刻度表就制作完成：

以上就是Word文件中关于Word如何制作刻度尺的技巧，是不是觉得很简单？你们学会了么？

Mac电脑：鸿蒙OS应用开发-使用画布组件Canvas来绘制一把“直尺”

在鸿蒙OS应用开发的过程中，其JS UI模式提供的JS文档对多种类型的图形处理组件比较多，比如很多前端程序员熟悉的画布组件Canvas。今天，我们就利用这个组件来绘制一个带有刻度线的“直尺”。

首先，我们要了解“直尺”这个工具本身拥有的特征和主要属性，然后根据它的属性和基本特征进行更加真实的绘制。

直尺基本特征

从上图我们可以看到，直尺有边框界限、总量程、刻度线(如零刻度线)、分度值(刻度线之间的间距)和刻度单位(cm)。想要在鸿蒙OS中通过JS UI的方式去实现直尺的绘制，必须在使用canvas组件时借助图层这种思路。

如果您有PS等设计软件使用的经验，对图层的使用也非常了解的话，其实直尺的绘制就会变得非常简单，我的具体思路如下：

图层一.先绘制直尺的外部边框；

绘制直尺的边框轮廓

图层二.采用相对间距方式，根据边框的宽度加载数量较多的刻度线；

绘制直尺的刻度线

图层三.根据刻度线的位置，添加刻度线的量程值和单位，比如数字123或单位CM。

添加直尺的刻度值-量程值

按照上面的图层步骤，我们可以很快地在手机、平板电脑等华为显示设备上绘制出直尺。

1).首先，我们要创建一个JS UI模式的项目。

选择JS UI模式

2).其次，在项目中的index.hml文件中添加“canvas”组件和“input”的button组件，让直尺的外形能够在canvas的画布中进行呈现，并通过button事件进行触发。

index.hml中代码：

3).给直尺提供触发的事件和画布空间区域后，我们要开始绘制直尺的边框轮廓、刻度线和量程值，我现在是通过canvas组件提供的CanvasRenderingContext2D对象其fillStyle()方法进行逐步实现。

直尺整体绘制的实现，需要通过button的handleClick()事件来进行触发，我们可以在index.js文件中去编写，具体代码内容为：

4).直尺绘制完成之后，我们需要在虚拟设备上进行调试，看直尺是否能够进行正常显示，如下图：

最后，绘制的直尺在屏幕中正常显示之后，我们仍需要花时间对index.js文件中的代码进行优化，特别是自己需要对程序进行模块化处理时，我们面向对象的思想可以得到更多的体现。

使用JS UI的方式通过华为DevEco Services编辑器来开发出“直尺”，其实并不难，我们需要更多了解Canvas组件，具体相关内容我们需要去参考HarmonyOS的JS API文档，这样可以让开发的过程中减少技术选择上的时间成本和代码编写的难度。

OK，本文到此结束，希望对大家有所帮助。