Ich arbeite an einer Standardauflösung von 1366x756.

Ich würde dies je nach Ansichtsfenster auf und ab skalieren. Ähnlich dem hier gezeigten Beispiel:http://blogs.msdn.com/b/davrous/archive/2012/04/06/modernizing-your-html5-canvas-games-with-offline-apis-file-apis-css3-amp-hardware-scaling. aspx

Ich bin ein bisschen verwirrt, wie ich das in KineticJS zum Laufen bringen würde, da es die verwendeten Canvas-Elemente abstrahiert.

Was ich erreichen möchte, ist im Grunde:

window.addEventListener("resize", OnResizeCalled, false);

function OnResizeCalled() {
    canvas.style.width = window.innerWidth + 'px';
    canvas.style.height = window.innerHeight + 'px';
}

Ich weiß, dass dies nicht die perfekte Lösung ist, da dies die Leinwand strecken und das Seitenverhältnis nicht beibehalten würde.

Ich benutze derzeit Folgendes:

stage.setWidth(window.innerWidth);
stage.setHeight(window.innerHeight);
stage.setScale(window.innerWidth / 1366)

Es ist mehr oder weniger das, wonach ich suche, aber:

Maus- / Touch-Aktionen werden nicht auf die neuen Proportionen skaliert.

nicht die native Skalierung, bei der das Zeichenbereichsobjekt mithilfe der GPU hochskaliert wird.

Irgendwelche Ideen? Vielen Dank :)