把loge等字放在红色部分水平垂直居中，字体大小为18

好的，以下是修改后的代码：

// 获取 canvas 元素
var canvas = document.getElementById("myCanvas");

// 获取绘图上下文
var ctx = canvas.getContext("2d");

// 绘制左侧矩形
ctx.fillStyle = "#FF0000"; // 设置填充颜色为红色
ctx.fillRect(10, 10, canvas.width * 0.3, canvas.height * 0.25); // 绘制矩形，起点为 (10, 10)，宽度为 canvas 的30%，高度为 canvas 的25%

// 在左侧矩形中间绘制文字
ctx.fillStyle = "#FFFFFF"; // 设置文字颜色为白色
ctx.font = "bold 18px Arial"; // 设置字体样式
ctx.textAlign = "center"; // 设置文字水平居中
ctx.textBaseline = "middle"; // 设置文字垂直居中
ctx.fillText("loge等字", 10 + canvas.width * 0.3 / 2, 10 + canvas.height * 0.25 / 2);

// 绘制右侧矩形
ctx.fillStyle = "#0000FF"; // 设置填充颜色为蓝色
ctx.fillRect(canvas.width * 0.3 + 10, 10, canvas.width * 0.7, canvas.height * 0.25); // 绘制矩形，起点为左侧矩形的右边界，宽度为 canvas 的70%，高度为 canvas 的25%

希望这次能够满足你的需求！