请教GIMP参考线定位五环,参考线位置的算法

新手涉及到的教学或入门贴,推荐新手必看,版主维护
回复
头像
TeliuTe
论坛版主
帖子: 7668
注册时间: 2007-11-25 13:29
系统: 16/18/20/w7
来自: 新疆博乐
联系:

请教GIMP参考线定位五环,参考线位置的算法

#1

帖子 TeliuTe » 2016-09-20 11:37

圆环大小200×200,固定大小

用参考线来画奥运五环,水平的两条线,垂直线五条,
水平的很容易,大于200即可,垂直线两边不靠边

请教一下五条垂直线能够平均分配五个圆的算法公式,
当第一条线(或第五条线)确定位置后,可以求出其他几条垂直线的位置
附件
第6课范例a.png
头像
tang.zhe
帖子: 1505
注册时间: 2010-07-15 13:31

Re: 请教GIMP参考线定位五环,参考线位置的算法

#2

帖子 tang.zhe » 2016-09-20 11:59

感觉就是个半径和直径的问题。
附件
t.png
头像
TeliuTe
论坛版主
帖子: 7668
注册时间: 2007-11-25 13:29
系统: 16/18/20/w7
来自: 新疆博乐
联系:

Re: 请教GIMP参考线定位五环,参考线位置的算法

#3

帖子 TeliuTe » 2016-09-20 12:30

这个是画奥运五环的,
上面三个环水平方向是不相交的,下面两个圆与上面的圆相交
--
用两头加减比较简单,确定出第一条和第五条,然后分别加减一个固定值,中间的应该好确定
费了我一上午时间绕不出来 :em06
头像
astolia
论坛版主
帖子: 6396
注册时间: 2008-09-18 13:11

Re: 请教GIMP参考线定位五环,参考线位置的算法

#4

帖子 astolia » 2016-09-22 12:42

很简单啊,设圆半径(圆心到环外侧)为R,两环之间水平距离为2d。以黑环的圆心为原点建立直角座标系,不需要完全精确的话,可以认为环的宽度w和环间距是一样的,直接当成2d处理,下排圆环也可以认为是下移了R。则五环圆心座标为(-2R-2d, 0)、(0, 0)、(2R+2d, 0)、(-R-d, -R)、(R+d, -R)
由于标准图的R和d的比例为12:1,即R=12d,带入上面可得圆心座标为(-26d, 0)、(0, 0)、(26d, 0)、(-13d, -12d)、(13d, -12d)
你一楼的图五条竖线方程分别为 x=-3R-2d=-38d、x=-R-d=-13d、x=0、x=R+d=13d、x=3R+2d=38d,两条横线方程为 y=R=12d、y=-2R=-24d
你只要确定d的值很就好弄了,

另外五环是相互嵌套,不是你那样下方两个覆盖在上方三个上面

如果要精确,可以看wiki上矢量图的源代码 https://upload.wikimedia.org/wikipedia/ ... t_rims.svg

代码: 全选

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" height="158" width="342">
<g stroke-width="9.5" stroke="#000" fill="none">
<circle cx="54" cy="54" r="49.25" stroke="#0885c2"/>
<circle cx="171" cy="54" r="49.25"/>
<circle cx="288" cy="54" r="49.25" stroke="#ed334e"/>
<circle cx="112.5" cy="104" r="49.25" stroke="#fbb132"/>
<circle cx="229.5" cy="104" r="49.25" stroke="#1c8b3c"/>
<path d="M93.4,24.45A49.25,49.25 0 0 1 93.4,83.55" stroke="#0885c2"/>
<path d="M210.4,24.45A49.25,49.25 0 0 1 210.4,83.55M171,103.25A49.25,49.25 0 0 1 141.45,93.4"/>
<path d="M288,103.25A49.25,49.25 0 0 1 258.45,93.4" stroke="#ed334e"/></g></svg>
根据这个座标算出来的,圆心到环外侧的距离R=49.25+9.5/2=54,两圆之间距离2d=171-54-49.25*2-9.5=9,环宽度w=9.5,和2d误差在6%
下排实际下移距离是104-54=50,和54误差在7%
R和d的比例为54:4.5=12:1
头像
TeliuTe
论坛版主
帖子: 7668
注册时间: 2007-11-25 13:29
系统: 16/18/20/w7
来自: 新疆博乐
联系:

Re: 请教GIMP参考线定位五环,参考线位置的算法

#5

帖子 TeliuTe » 2016-09-23 17:32

下面两个圆是要套上去,这一课是第2课时用参考线来画五环,之前已经画过一课,当时做到这一步就在想参考线的算法,就没继续往下画了
--------------------------以上可以忽略-------------------------------------------------------------------------------------

描述看着还是挺复杂的,有个图示要直观些,我没考虑标准,只是按照画布800*600,圆环200*200来分配五个圆

第一个圆左边切线(40,0),对称的第3个圆右边切线(760,0),各距画布边缘40像素

画布大小800,这样中间的圆中线是400,这样确定出1、3、5三条线

剩下2、4两条,第2条用40+固定值,比如1楼是用的230,得到(270,0)

第4条线用760-230,得到(530,0),这样五条线为:

代码: 全选

(40,0), (270,0), (400,0), (530,0), (760,0)
回复