Рисуем на холсте html5 используя JQuery

Я использую JQuery для рисования на холсте

Я хочу создать план с комнатами, в этих комнатах необходимо отобразить имя комнаты, но проблема заключается в том, что текст не читается

Код html моего холста:

Мой JQuery для заполнения этого холста выглядит так:

var canvas = document.getElementById("groundplan"); 
var context = canvas.getContext("2d");
    function drawRoom(p1, p2, length, breath, color){
    context.beginPath();
    context.rect(p1,p2,length,breath);
    context.fillStyle = color
    context.fill();
    context.lineWidth = 0.2;
    context.strokeStyle = '#000000';
    context.stroke();
    }
//class room
drawRoom(0,0,50,75, '#7ca0ad');
drawRoom(50,0,50,75, '#7ca0ad');
drawRoom(100,0,50,75, '#7ca0ad');
drawRoom(150,0,100,75, '#7ca0ad');
drawRoom(250,0,50,100, '#7ca0ad');
//teacher room
drawRoom(250,100,50,50, '#91a0a5');
//cafetaria
drawRoom(50,100,175,100, '#74bbd3');
//wc
drawRoom(0,100,50,75, '#91a0a5');
    function drawLabel(text, p1, p2){
        context.fillStyle = "black";
        context.fillText(text, p1, p2);
    }
drawLabel("GR200", 30,30);