zig/mach
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mach: wasm: Adjust width and height for HiDpi/Retina

Browse source 
Also implements getFramebufferSize() and getWindowSize() properly.
This commit is contained in:
iddev5 2022-05-23 23:49:11 +05:30 • committed by Stephen Gutekanst
parent 017b469e2f
commit 488131ecbb
2 changed files with 31 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/mach.js
View file

@ -42,8 +42,10 @@ const mach = {
machCanvasInit(width, height, id) {
let canvas = document.createElement("canvas");
canvas.id = "#mach-canvas-" + mach.canvases.length;
canvas.width = width;
canvas.height = height;
canvas.style.width = width + "px";
canvas.style.height = height + "px";
canvas.width = Math.floor(width * window.devicePixelRatio);
canvas.height = Math.floor(height * window.devicePixelRatio);
canvas.tabIndex = 1;
mach.setString(canvas.id, id);
@ -71,17 +73,29 @@ const mach = {
machCanvasSetSize(canvas, width, height) {
const cv = mach.canvases[canvas];
if (width > 0 && height > 0) {
cv.canvas.width = width;
cv.canvas.height = height;
cv.canvas.style.width = width + "px";
cv.canvas.style.height = height + "px";
cv.canvas.width = width * window.devicePixelRatio;
cv.canvas.height = height * window.devicePixelRatio;
}
},
machCanvasGetWidth(canvas) {
machCanvasGetWindowWidth(canvas) {
const cv = mach.canvases[canvas];
return cv.canvas.width / window.devicePixelRatio;
},
machCanvasGetWindowHeight(canvas) {
const cv = mach.canvases[canvas];
return cv.canvas.height / window.devicePixelRatio;
},
machCanvasGetFramebufferWidth(canvas) {
const cv = mach.canvases[canvas];
return cv.canvas.width;
},
machCanvasGetHeight(canvas) {
machCanvasGetFramebufferHeight(canvas) {
const cv = mach.canvases[canvas];
return cv.canvas.height;
},