I want to only draw an outline of a stroked path. I am using createStrokedPath() and then drawing the results. The problem I am running into is that with a large stroke size createStrokedPath seems to create some very noticeable artifacts (at least for my needs) at corners.
Here is the results - you can see it looks normal when I fill the expanded path, but stroking the expanded path has the extra lines I don’t want. I can see how the createStrokedPath algorithm reaches this result, but it is a very undesirable result.
Here is the current code to get this result:
const auto expandedStroke = juce::PathStrokeType(playbackPathRadius * 2.0f, juce::PathStrokeType::JointStyle::curved, juce::PathStrokeType::EndCapStyle::rounded);
juce::Path expandedPath;
expandedStroke.createStrokedPath(expandedPath, playbackPath);
g.setColour(juce::Colours::white.withAlpha(0.1f));
g.fillPath(expandedPath);
const auto outlineStroke = juce::PathStrokeType(2.0f, juce::PathStrokeType::JointStyle::curved, juce::PathStrokeType::EndCapStyle::rounded);
g.setColour(juce::Colours::white.withAlpha(0.5f));
g.strokePath(expandedPath, outlineStroke);
(The fillPath is just there to illustrate the issue and the red circles in the background are unrelated.)
I tried a whole bunch of things along the lines of clipping the resulting path, but couldn’t get anything to work properly. Any ideas?
Thanks in advance!