网站首页 > 知识剖析 正文
如下图,在一个A4纸幅面的画布上,绘制4个给定尺寸且大小一样的矩形,并且分别与画布的四个角对齐呢?本文就分享如何做到的。
一、矩形工具及其属性
点击矩形绘制工具,就会出现矩形的属性面板(图2)。A4纸面的尺寸21cm * 29.7cm。把A4纸平分成4个小矩形,每个小矩形的尺寸为10.5cm * 14.85cm。为了留出它们之间的空隙,再将长宽尺寸分别减少2mm,得到小矩形尺寸10.3cm*14.65cm。
矩形的长(L)和宽(W)的数值,可以在括号中输入,也可以用鼠标拖动图形顶点来调整尺寸,此处我们采用的单位是厘米。我们把这个数值填入属性面板,就精确绘制了一个小矩形。
默认情况下,矩形的长/宽比不会锁定(下图左),W和H可以各自独立输入数据;如果点击一下WH左侧的联动标志,这个标志的图标背景就会变成深色(下图右),长宽比就会锁定,修改W会引起H按比例改变。
如何将1个矩形变4个?按住Alt键,用移动工具(move tool)拖动小矩形,就可以进行复制。如何改变矩形颜色?点击矩形属性面板中的Fill按钮,选择不同的填充颜色。
二、几何图形如何对齐?
几何图形的对齐方式,有两种情况。一种是相对于画布对齐,另一种是几个图形之间的对齐(图4)。
选中一个小矩形,在画布上方的选项区,有对齐选项(Align),选择哪种对齐方式?在Align To的下拉式菜单中选择。
先说选择Selection的情况,这种情况下,是把几个选中的几何图形对齐,比如绘制了两个矩形,要把它们在横向或纵向居中对齐。怎么选择两个矩形呢?方法是,在图层面板中,同时选中两个几何图形的图层,这时就可以在画布上对这两个矩形进行对齐操作了。
下面说选择与画布对齐,就是Align To Canvas。选择了这个选项后,就可以将几何图形与画布两者之间进行对齐,比如横向居中对齐等。这里,我们选择一个小矩形,点击左对齐和向上对齐(图5),小矩形的左上角就和画布的左上角对齐了.
按同样方法,将剩下三个小矩形分别与A4纸的三个角对齐。
【小结】本文按给定尺寸绘制矩形,对矩形长宽比是否保持及两种对齐方式做了讲解。
猜你喜欢
- 2025-03-10 创造等轴视角世界:游戏开发初心者指南
- 2025-03-10 自从买了双肩包 请个年假都有底气了!
- 2025-03-10 七步完美解决问题python爬虫极验滑动验证码问题
- 2025-03-10 安卓自定义 View 进阶:贝塞尔曲线(上)
- 2025-03-10 打造一个 Compose 版的俄罗斯方块
- 2025-03-10 Fabric.js 拖放元素进画布 - 掘金
- 2025-03-10 总结100+前端优质库,让你成为前端百事通
- 2025-03-10 腾讯元宝HUNYUAN T1 和DEEPSEEK对比
- 2025-03-10 Fabric.js 自由绘制椭圆 - 掘金
- 2025-03-10 如何在PyQt5中嵌入Matplotlib生成的图像
- 05-05vin码怎么查车型?车辆VIN码的第十位代表什么信息?
- 05-05Java数组数据的操作之检查日期格式是否正确
- 05-05苹果序列号怎么看生产日期和产地?
- 05-05参考文献中的M J N D字母代表什么?
- 05-05闲鱼交易技巧,满满的干货(闲鱼的交易流程怎么样的?我是买家)
- 05-05忘记自已多少岁了?可试试年龄计算器
- 05-05汽车-剖析、解析车架号(VIN)中的第10位-车型年份
- 05-05干货|史上最全波特酒年份指南(波特酒 年份)
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)