title: Creating an outer stroke on canvas text without having an inner stroke
body: <p>I've seen the option to simulate an outer stroke by simply doubling the stroke (and changing the order) when writing text to canvas (<a href="https://stackoverflow.com/questions/13627111/drawing-text-with-an-outer-stroke-with-html5s-canvas">see here</a>)</p>
  
  <p>However, the app I'm working on allows for rgba colours to be used. As a result, it's possible that the "hidden" inner stroke becomes visible. Here's a sample:
  <img src="https://i.imgur.com/ZW1rojM.png" alt=""></p>
  
  <p>In this example, the stroke is white and the text fill is rgba(0,0,0,0.5).</p>
  
  <p>As a result, the hidden white inner stroke can be seen. Is it possible to apply an outer stroke without the inner? If not, is it possible to apply something like a clipping mask to the stroke to prevent the inner from being visible if the text fill has opacity?</p>
  
  <p>I feel like I know the answer here, but hoping someone might have a clever solution.</p>
  
  <p>Thanks -</p>