<p dir="auto">For text drawing on canvas, a fairly simple construction can be used:</p>
<div class="highlight highlight-source-dart notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="  void drawName(Canvas context, String name, double x, double y)
  {
    TextSpan span = new TextSpan(
        style: new TextStyle(color: Colors.blue[800], fontSize: 24.0,
        fontFamily: 'Roboto'), text: name);
    TextPainter tp = new TextPainter(
        text: span, textAlign: TextAlign.left, textDirection: TextDirection.ltr);
    tp.layout();
    tp.paint(context, new Offset(x, y));
  }"><pre class="notranslate">  <span class="pl-k">void</span> <span class="pl-en">drawName</span>(<span class="pl-c1">Canvas</span> context, <span class="pl-c1">String</span> name, <span class="pl-c1">double</span> x, <span class="pl-c1">double</span> y)
  {
    <span class="pl-c1">TextSpan</span> span <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-c1">TextSpan</span>(
        style<span class="pl-k">:</span> <span class="pl-k">new</span> <span class="pl-c1">TextStyle</span>(color<span class="pl-k">:</span> <span class="pl-c1">Colors</span>.blue[<span class="pl-c1">800</span>], fontSize<span class="pl-k">:</span> <span class="pl-c1">24.0</span>,
        fontFamily<span class="pl-k">:</span> <span class="pl-s">'Roboto'</span>), text<span class="pl-k">:</span> name);
    <span class="pl-c1">TextPainter</span> tp <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-c1">TextPainter</span>(
        text<span class="pl-k">:</span> span, textAlign<span class="pl-k">:</span> <span class="pl-c1">TextAlign</span>.left, textDirection<span class="pl-k">:</span> <span class="pl-c1">TextDirection</span>.ltr);
    tp.<span class="pl-en">layout</span>();
    tp.<span class="pl-en">paint</span>(context, <span class="pl-k">new</span> <span class="pl-c1">Offset</span>(x, y));
  }</pre></div>
<p dir="auto">Is it possible to draw text at an angle, for example 45 degrees, or 90 degrees (vertically from the bottom up)?</p>
<p dir="auto">There is some properties in Html ,like below:<br>
/* Keyword values */<br>
writing-mode: horizontal-tb;<br>
writing-mode: vertical-rl;<br>
writing-mode: vertical-lr;</p>
<p dir="auto">/* Global values */<br>
writing-mode: inherit;<br>
writing-mode: initial;<br>
writing-mode: unset;</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/13853/35375402-d8dae17a-01e1-11e8-8551-15415a853285.png"><img width="179" alt="2018-01-25 12 38 59" src="https://user-images.githubusercontent.com/13853/35375402-d8dae17a-01e1-11e8-8551-15415a853285.png" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/13853/35375415-df7423a2-01e1-11e8-9a1a-72c9383674d4.png"><img width="394" alt="2018-01-25 12 38 47" src="https://user-images.githubusercontent.com/13853/35375415-df7423a2-01e1-11e8-9a1a-72c9383674d4.png" style="max-width: 100%;"></a></p>
<p dir="auto">Does Flutter support i?</p>