function drawIndex(ctx) { /* 第(5)空 */ //设置阴影 ctx.(8) = 1; //设置形状与阴影的水平距离 第(8)空 ctx.(9) = 1; //设置形状与阴影的垂直距离 第(9)空 ctx.shadowBlur = 2; ctx.(10) = "rgba(0,0,0,0.5)"; //设置阴影颜色 第(10)空 //绘制坐标 //设置字体大小 ctx.(11) = "14px serif"; /* 第(11)空 */ ctx.fillText("月", 10, 30); ctx.fillText("计", 45, 20); ctx.fillText("收入", 88, 24); ctx.fillText("支出", 155, 24); ctx.fillText("总计", 222, 24); let i = 1; for (let val in book_income) { if (i > 10) { ctx.fillText(val, 15, 24 + 480 / 13 * i++); } else { ctx.fillText(val, 25, 24 + 480 / 13 * i++); } } }
时间: 2024-04-02 10:36:39 浏览: 17
function drawIndex(ctx) {
//设置阴影
ctx.shadowOffsetX = 1; //设置形状与阴影的水平距离
ctx.shadowOffsetY = 1; //设置形状与阴影的垂直距离
ctx.shadowBlur = 2;
ctx.shadowColor = "rgba(0,0,0,0.5)"; //设置阴影颜色
//绘制坐标
//设置字体大小
ctx.font = "14px serif"; //设置字体大小
ctx.fillText("月", 10, 30);
ctx.fillText("计", 45, 20);
ctx.fillText("收入", 88, 24);
ctx.fillText("支出", 155, 24);
ctx.fillText("总计", 222, 24);
let i = 1;
for (let val in book_income) {
if (i > 10) {
ctx.fillText(val, 15, 24 + 480 / 13 * i++);
} else {
ctx.fillText(val, 25, 24 + 480 / 13 * i++);
}
}
}
第(5)空:shadowOffsetX
第(8)空:shadowOffsetX
第(9)空:shadowOffsetY
第(10)空:shadowColor
第(11)空:font