48 lines
1.6 KiB
JavaScript
48 lines
1.6 KiB
JavaScript
// функции рисоввания
|
|
|
|
export function clearContext(canvas, color) {
|
|
let cW = canvas.width;
|
|
let cH = canvas.height;
|
|
|
|
let context = canvas.getContext('2d');
|
|
|
|
context.fillStyle = color;
|
|
context.fillRect(0, 0, cW, cH);
|
|
}
|
|
|
|
export function placeImage(canvas, area, image, colors) {
|
|
let context = canvas.getContext('2d');
|
|
|
|
context.strokeStyle = colors.buttonStroke;
|
|
context.lineWidth = colors.strokeSize;
|
|
|
|
if (image.width >= image.height) {
|
|
if (image.width > area.w) {
|
|
let newImageW = area.w;
|
|
let newImageH = image.height / (image.width / area.w);
|
|
|
|
context.drawImage(image, getCenterH(canvas.width, newImageW), area.y, newImageW, newImageH);
|
|
context.strokeRect(getCenterH(canvas.width, newImageW), area.y, newImageW, newImageH);
|
|
}
|
|
else {
|
|
// TODO: getCenterV({this}) <= need plus progressBar sizes
|
|
context.drawImage(image, getCenterH(canvas.width, image.width), getCenterV(area.y + area.h, image.height), image.width, image.height);
|
|
context.strokeRect(getCenterH(canvas.width, image.width), getCenterV(area.y + area.h, image.height), image.width, image.height);
|
|
}
|
|
}
|
|
else {
|
|
let newImageH = area.h;
|
|
let newImageW = image.width * (area.h / image.height);
|
|
context.drawImage(image, getCenterH(canvas.width, newImageW), area.y, newImageW, newImageH);
|
|
context.strokeRect(getCenterH(canvas.width, newImageW), area.y, newImageW, newImageH);
|
|
}
|
|
}
|
|
|
|
export function getCenterH(canvasWidth, objectWidth) {
|
|
return canvasWidth / 2 - objectWidth / 2;
|
|
}
|
|
|
|
export function getCenterV(canvasHeight, objectHeight) {
|
|
return canvasHeight / 2 - objectHeight / 2;
|
|
}
|