草庐IT

ios - CGPath 复制 lineJoin 和 miterLimit 没有明显影响

coder 2023-09-04 原文

我正在使用 copy(strokingWithWidth:lineCap:lineJoin:miterLimit:transform‌​:) 抵消 CGPath .问题是偏移路径引入了各种锯齿线，这些锯齿线似乎是斜接连接的结果。将 miterLimit 更改为 0 没有任何效果，使用斜线连接也没有任何区别。

在此图像中有原始路径(在应用 strokingWithWidth 之前)、使用斜接连接的偏移路径和使用斜角连接的偏移路径。为什么使用 bevel join 没有任何影响？

使用斜接的代码(请注意，使用 CGLineJoin.round 会产生相同的结果):

let pathOffset = path.copy(strokingWithWidth: 4.0, 
                           lineCap: CGLineCap.butt,
                           lineJoin: CGLineJoin.miter,
                           miterLimit: 20.0)

context.saveGState()

context.setStrokeColor(UIColor.red.cgColor)
context.addPath(pathOffset)
context.strokePath()

context.restoreGState()

使用斜面的代码:

let pathOffset = path.copy(strokingWithWidth: 4.0, 
                           lineCap: CGLineCap.butt,
                           lineJoin: CGLineJoin.bevel,
                           miterLimit: 0.0)

context.saveGState()

context.setStrokeColor(UIColor.red.cgColor)
context.addPath(pathOffset)
context.strokePath()

context.restoreGState()

最佳答案

这是一条由两条线段组成的路径:

这是如果我用 30 线宽的斜角连接描边它的样子:

如果我用相同的参数制作路径的描边副本，描边副本看起来像这样:

注意到那里的那个三角形了吗？这似乎是因为 Core Graphics 以一种简单的方式创建了描边副本:它沿着原始路径的每一段进行追踪，创建一个偏移 15 点的复制段。它用直线连接每个这些复制的线段(因为我指定了斜角连接)。在慢动作中，复制操作看起来像这样:

所以在关节的内侧，我们得到一个三角形，而在外侧，我们得到平坦的斜面。

当 Core Graphics 描边原始路径时，那个三角形是无害的，因为 Core Graphics 使用 non-zero winding rule填充描边。但是，当您抚摸被抚摸过的副本时，三角形就会变得可见。

现在，如果我缩小描边副本时使用的线宽，三角形就会变小。如果我随后增加用于绘制描边副本的线宽，并绘制带有斜接连接的描边副本，三角形实际上最终看起来像是被填充了:

现在，假设我将原始路径中的单个关节替换为由一条很短的线连接的两个关节，在底部创建一个(非常小的)平点:

当我制作这条路径的描边副本时，副本有两个内部三角形，如果我描边副本，它看起来像这样:

这就是当您制作路径的描边副本时那些奇怪的星形形状的来源:非常短的线段创建重叠的三角形。

请注意，我使用bevel 连接制作副本。制作副本时使用斜接连接也会创建隐藏的三角形，因为连接的选择只会影响连接的外部，而不影响连接的内部。

然而，连接的选择确实在描边副本时很重要，因为使用斜接会使星星变大。参见 this document很好地说明了连接样式对锐角外观的影响有多大。

所以斜接使三角形的点突出得很远，这使得重叠的三角形看起来像星星。如果我使用斜角连接来描边副本，结果如​​下:

星星在这里几乎看不见，因为三角形是用钝角绘制的。

如果您不接受内部三角形，您将不得不编写自己的函数(或在 Internet 上找到一个函数)来制作没有三角形的路径的描边副本，或者从副本中消除三角形。

如果您的路径完全由平面段组成，最简单的解决方案可能是使用现有的多边形裁剪库。应用于描边副本的“联合”操作应该消除内部三角形。 See this answer for example.请注意，这些库往往是用 C++ 编写的，因此您可能必须编写一些 Objective-C++ 代码，因为 Swift 无法直接调用 C++ 代码。

如果您想知道我是如何为这个答案生成图形的，我是使用 this Swift playground 完成的.

关于ios - CGPath 复制 lineJoin 和 miterLimit 没有明显影响，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45133957/

miterLimitlineJoinnoreferrernoopenernofollowiosswiftswift3core-graphicscgpath

有关ios - CGPath 复制 lineJoin 和 miterLimit 没有明显影响的更多相关文章

  1. ruby - 难道Lua没有和Ruby的method_missing相媲美的东西吗？ - 2

    我好像记得Lua有类似Ruby的method_missing的东西。还是我记错了？ 最佳答案 表的metatable的__index和__newindex可以用于与Ruby的method_missing相同的效果。 关于ruby-难道Lua没有和Ruby的method_missing相媲美的东西吗？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/7732154/

  2. ruby-on-rails - rails 目前在重启后没有安装 - 2

    我有一个奇怪的问题:我在rvm上安装了ruby​​onrails。一切正常，我可以创建项目。但是在我输入“railsnew”时重新启动后，我有“程序'rails'当前未安装。”。SystemUbuntu12.04ruby-v"1.9.3p194"gemlistactionmailer(3.2.5)actionpack(3.2.5)activemodel(3.2.5)activerecord(3.2.5)activeresource(3.2.5)activesupport(3.2.5)arel(3.0.2)builder(3.0.0)bundler(1.1.4)coffee-rails(

  3. ruby - 在没有 sass 引擎的情况下使用 sass 颜色函数 - 2

    我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem，所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re

  4. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下

  5. Ruby 文件 IO 定界符？ - 2

    我正在尝试解析一个文本文件，该文件每行包含可变数量的单词和数字，如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件？有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符？ 最佳答案 接受的答案将slurp文件，这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的，将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的

  6. 没有类的 Ruby 方法？ - 2

    大家好!我想知道Ruby中未使用语法ClassName.method_name调用的方法是如何工作的。我头脑中的一些是puts、print、gets、chomp。可以在不使用点运算符的情况下调用这些方法。为什么是这样？他们来自哪里？我怎样才能看到这些方法的完整列表？ 最佳答案 Kernel中的所有方法都可用于Object类的所有对象或从Object派生的任何类。您可以使用Kernel.instance_methods列出它们。 关于没有类的Ruby方法？，我们在StackOverflow

  7. ruby-on-rails - Rails 3，嵌套资源，没有路由匹配 [PUT] - 2

    我真的为这个而疯狂。我一直在搜索答案并尝试我找到的所有内容，包括相关问题和stackoverflow上的答案，但仍然无法正常工作。我正在使用嵌套资源，但无法使表单正常工作。我总是遇到错误，例如没有路线匹配[PUT]"/galleries/1/photos"表格在这里:/galleries/1/photos/1/edit路线.rbresources:galleriesdoresources:photosendresources:galleriesresources:photos照片Controller.rbdefnew@gallery=Gallery.find(params[:galle

  8. ruby-on-rails - 添加回形针新样式不影响旧上传的图像 - 2

    我有带有Logo图像的公司模型has_attached_file:logo我用他们的Logo创建了许多公司。现在，我需要添加新样式has_attached_file:logo,:styles=>{:small=>"30x15>",:medium=>"155x85>"}我是否应该重新上传所有旧数据以重新生成新样式？我不这么认为……或者有什么rake任务可以重新生成样式吗？ 最佳答案 参见Thumbnail-Generation.如果rake任务不适合你，你应该能够在控制台中使用一个片段来调用重新处理!关于相关公司

  9. ruby-on-rails - 有没有办法为 CarrierWave/Fog 设置上传进度指示器？ - 2

    我在Rails应用程序中使用CarrierWave/Fog将视频上传到AmazonS3。有没有办法判断上传的进度，让我可以显示上传进度如何？ 最佳答案 CarrierWave和Fog本身没有这种功能；你需要一个前端uploader来显示进度。当我不得不解决这个问题时，我使用了jQueryfileupload因为我的堆栈中已经有jQuery。甚至还有apostonCarrierWaveintegration因此您只需按照那里的说明操作即可获得适用于您的应用的进度条。 关于ruby-on-r

  10. ruby - 没有类方法获取 Ruby 类名 - 2

    如何在Ruby中获取BasicObject实例的类名？例如，假设我有这个:classMyObjectSystem我怎样才能使这段代码成功？编辑:我发现Object的实例方法class被定义为returnrb_class_real(CLASS_OF(obj));。有什么方法可以从Ruby中使用它？ 最佳答案 我花了一些时间研究irb并想出了这个:classBasicObjectdefclassklass=class这将为任何从BasicObject继承的对象提供一个#class您可以调用的方法。编辑评论中要求的进一步解释:假设你有对象

随机推荐