菜鸟教程小白 发表于 2022-12-12 22:58:13

ios - 使用 UIBezierPath 绘制六边形(点第一)


                                            <p><p>我正在尝试使用 UIBezierPath 和 ZEPolygon 绘制一个六边形,效果很好,但我的六边形顶部是平的。我已经尽一切努力让它在中间绘制一个点,包括在路径上进行 180 度变换,但其他一切都中断了。</p>

<p> <a href="http://postimg.org/image/wndnt77ah/" rel="noreferrer noopener nofollow">This is how it looks now</a> </p>

<p> <a href="http://postimg.org/image/9z3egyzjl/" rel="noreferrer noopener nofollow">This is how i would like it to look</a> </p>

<p>我的代码在下面</p>

<pre><code>UIImageView *maskedImageView = [ initWithImage:];

UIBezierPath *nonagon = ;

CAShapeLayer *shapeLayer = ;
shapeLayer.path = nonagon.CGPath;

maskedImageView.layer.mask = shapeLayer;

;
</code></pre>

<p> <a href="https://github.com/ZevEisenberg/ZEPolygon" rel="noreferrer noopener nofollow">This is the library i used for the drawing the bezier path</a> </p>

<p>感谢您的帮助</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>当您使用 CGTransform 旋转 UIBezierPath 时,它将围绕点 (0,0) 旋转,并且对于您的路径,点 (0,0) 是形状的左上角。这就是为什么当您只旋转 90 度而不做任何其他事情时偏移不正确的原因 - 它围绕错误的点旋转。</p>

<p>所以在旋转之前,您需要将路径居中到点 (0,0),然后旋转它,然后将其向后移动,使 (0,0) 位于其左上角。</p>

<p>以下代码会将多边形旋转 90 度:</p>

<pre><code>// get the size of the image, we&#39;ll need this for our path and for later too
CGRect boundsForPoly = maskedImageView.frame;
// create our path inside the rect
UIBezierPath *nonagon = ;
// center the polygon on (0,0)
;
// rotate it 90 degrees
;
// now move it back so that the top left of its bounding box is (0,0)
;
</code></pre>

<p>这会将多边形旋转 90 度,并将其左上角保持在 (0,0)</p>

<p>蓝色轮廓是你之前的路径,绿色轮廓是旋转之后:</p>

<p> <img src="/image/CbxbT.png" alt="enter image description here"/> </p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 使用 UIBezierPath 绘制六边形(点第一),我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/24228462/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/24228462/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 使用 UIBezierPath 绘制六边形(点第一)