加入收藏 | 设为首页 | 会员中心 | 我要投稿 网站开发网_安阳站长网 (https://www.0372zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

PaintCode 用户操作指南(绘制篇)

发布时间:2016-09-27 15:21:31 所属栏目:建站 来源:人人都是产品经理
导读:副标题#e# 图形(Shapes) 创建新图形(Creating a new shape) 首先,从工具栏中选择设计师要的图形。 在画布中点击任意位置,然后按住鼠标左键不动。 拖动光标。 当到达设计师满意的大小的时候,放开鼠标左键。 在画布中鼠标点击的点和设计师放开鼠标的点

然而,这不完全。唯一时,这些坐标相对应的是什么?当设计师在画布上绘制图形的时候,并将它放在坐标(X = 200, Y = 100)的位置上,这些数字意味着什么呢?显然,这意味着图形放在(200,100)这个点上——但是点从哪来的呢?0 点又在哪呢?

幸运的是,大多数情况下,情况很简单—— X 和 Y 坐标是相对于整个画布的绘制起点。在 iOS 下,这是左上角,但设计师可以随意移动它。

然而,情况变得复杂了,一旦设计师开始使用转换组。在下面的例子中,我们把 3 个矩形编组,然后采用旋转变换。

00035

00035

00036

00036

当设计师选择变换组中的一个图形时,设计师会注意到 X 轴和 Y 轴坐标为(0,103)。

00037

00037

这是因为旋转组的变换源点已经变成了全部内容坐标系统的源点。全部转换组表现为这样。

当满足下列条件的时候,一个组被认为变换:

非 0 旋转

非 0 偏移

X 轴或者 Y 轴不等于1

变量连接到旋转,尺度或抵消组变换

在上面的图片中,设计师可以看到当前坐标系原点的两个正交的蓝色箭头。这些代表 X 轴和 Y 轴的坐标体系。

总之,一个图形的 X 和 Y 坐标被定义为与与位置相关的坐标系。坐标系系统的源点被定义为最近的父级转化组,如果转化组不在父级转化组中,使用的将是画布的源点。

贝塞尔曲线(Béziers)

00038

00038

创建一条直线(Creating a straight line)在工具栏中选择 Bézier 工具。在设计师想开始直线的起点位置点击。释放鼠标并移动光标。点击其他地方。释放鼠标并移动光标。或者,设计师可以继续重复前面两个步骤,绘制折线;又或者单击第一个控制点闭合曲线,从而创建一个多边形。

(编辑:网站开发网_安阳站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!