Я использую 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);
Изменение стиля используемого шрифта достаточно просто:
context.font = '2em _sans bold';
загляните сюда для получения дополнительной информации: http://www.w3schools.com/tags/canvas_font.asp