我如何在Core Graphics中繪製這樣的圖像

Question

我希望能夠使用這個作爲我的筆畫。我如何儘可能高效地做到這一點，並且在繪圖時，我在想CGPatternRef，但我真的不知道該怎麼做。

編輯： 它不需要翹曲的路徑。我只是沒有在Illustrator中解決這個問題。

Answer 1

您可以嘗試將您的Illustrator文檔導入到此應用程序中：Opacity，然後執行「作爲源代碼導出」。

請參閱：http://likethought.com/opacity/workflow/瞭解更多信息。

Answer 2

這看起來像一個OpenGL的工作。 CoreGraphics並沒有提供任何簡單的方法，我知道它們會根據它們靠近路徑來翹曲星星。

Answer 3

您需要走路徑並計算等距（沿路徑）的曲線座標。這是便宜的。旋轉得到一個有點毛（圍繞切線旋轉），但總體而言，這是一個基本的問題bézier curve。只需求解曲線方程並在每個頂點渲染一顆星。

沒有什麼內置的，將做到這一切。您可以查詢交點的點，但只有渲染可以解決曲線問題。這是由CoreGraphics封裝的，所以你不能把它拉出來或利用它們已有的東西。

這是你應該考慮自己寫的東西。這並不難;誠實。只需要對微積分有基本的瞭解......如果有的話。如果你自己寫，你甚至可以添加翹曲效果，如果你喜歡。

Answer 4

Apple文檔有幫助嗎？

請參閱Quartz 2D Programming Guide, How Patterns Work中的章節或模式。

這裏是如何繪製的開始（從上面的文檔），PSIZE是明星大小：

static void MyDrawStencilStar (void *info, CGContextRef myContext) 
{ 
    int k; 
    double r, theta; 

    r = 0.8 * PSIZE/2; 
    theta = 2 * M_PI * (2.0/5.0); // 144 degrees 

    CGContextTranslateCTM (myContext, PSIZE/2, PSIZE/2); 

    CGContextMoveToPoint(myContext, 0, r); 
    for (k = 1; k < 5; k++) { 
     CGContextAddLineToPoint (myContext, 
        r * sin(k * theta), 
        r * cos(k * theta)); 
    } 
    CGContextClosePath(myContext); 
    CGContextFillPath(myContext); 
} 

只需添加曲線變換，並在每個點繪製的明星。

這是simple C code to calculate points on cubic bezier curve。