如何使用石英繪製鋼筆筆劃？

Question

我知道一個更好的方法是在OpenGL中使用紋理。但我仍然想使用Quartz在我的App中繪製矢量圖形。

我跟着這個鏈接，但它沒有按預期工作。 Applying a texture to stroke a CGContextStrokePath 有可能我誤解了一些東西。

你能告訴我解決這個問題的方法嗎？

Answer 1

我假定「鋼筆筆畫」是指根據曲線朝向的方向變得更厚或更薄的筆畫，即垂直時較厚，水平時較薄。

作爲矢量圖形的鋼筆筆畫可以是封閉的形狀。取曲線並沿着鋼筆筆尖的軸線以相反的方向偏移兩個副本，每個筆尖的寬度的一半。關閉這些曲線，並用鋼筆顏色或圖案填充它們。寬度爲四個像素的水平筆尖將一條曲線向右偏移兩個像素，第二條曲線向左偏移兩個像素。筆尖不與軸對齊可能需要一點三角來計算精確的偏移量。如果只使用預設的筆大小和角度，偏移量可能會被看起來不錯的整數偏移所掩蓋。

如果曲線剛好符合筆尖的角度，那麼形狀可能會降到最小所需行程厚度以下。這也可以通過對這個衍生形狀應用筆畫來解決，從而使得效果不會太細。這可能會使較厚的部分更厚，這可以通過更改偏移來調整。

編輯迴應如何使行程比邊緣暗的中心評論：

我能想到的幾個方法來完成描邊形狀的深色的中心。可以繪製不同厚度的多種形狀，層疊在彼此的頂部。最厚的可以填充最淺的顏色，最薄的最深的顏色。或者可以將原始路徑的筆畫繪製到圖像上，使其模糊，然後剪裁成鋼筆筆畫形狀。這可以繪製爲具有多種混合模式的第二層，使筆畫的中心變暗，並在邊緣逐漸變細。或者形狀可以分成幾段。沿着路徑的每個小段都可以填充漸變，從漸變的末端到中間的漸變。

正如Caleb在他的回答中提到的那樣，鋼筆的真實世界功能和性能特徵可以添加到模擬中。包含的方面越多，繪圖代碼就越複雜。

Answer 2

繼Berna先生的出色分析之後，我會指出，除了方向之外，手壓和筆尖結構也會影響線寬。細筆尖可以產生幾乎相同寬度的線，但是筆尖上的壓力增加會導致筆尖的兩半分散，產生更寬的線條並增加墨水流量。使用羽毛筆這種更靈活的筆尖比使用鋼筆更顯着。

您需要決定如何確定沿線的手壓變化。你可能會爲每一行手動執行該操作，或者根據方向的變化，從行尾的距離（作家完成一行並開始擡起筆時的壓力減小），作者的手動性左或右），書寫表面等。