<!DOCTYPE html>
<html>
  <head>
    <title>Food's Algorithms</title>
    <link rel="stylesheet" type="text/css" href="rendering.css">
  </head>
  <body>
    <canvas id="myCanvas" width="280" height="200"></canvas>

    <script type="text/javascript">

    var canvas = document.getElementById('myCanvas');  // 1. Get the canvas
    var ctx=canvas.getContext('2d');  // 2. Get the context

    ctx.font = "10pt Calibri";
    ctx.fillText("总脂肪占比(y)", 0, 30);  // Text in the up end of the vertical axis.
