starred/stf-DeviceFarmer
1
0
Fork 0
mirror of https://github.com/DeviceFarmer/stf.git synced 2026-04-19 08:33:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Start to add canvas auto-scaling for retina.

Browse Source
This commit is contained in:
Gunther Brunner
2014-11-12 19:32:58 +09:00
parent 2fdcf8243c
commit 8d5b21d9bc
2 changed files with 30 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
res/app/components/stf/screen/fast-image-render/canvas-render.js
View File

@@ -1,6 +1,29 @@
function CanvasRender(canvasElement, options) {
this.options = options
this.context = canvasElement.getContext('2d')
var devicePixelRatio = window.devicePixelRatio || 1
var backingStoreRatio = this.context.webkitBackingStorePixelRatio ||
this.context.mozBackingStorePixelRatio ||
this.context.msBackingStorePixelRatio ||
this.context.oBackingStorePixelRatio ||
this.context.backingStorePixelRatio || 1
this.frontBackRatio = devicePixelRatio / backingStoreRatio
if (options.autoScaleForRetina && devicePixelRatio !== backingStoreRatio) {
var oldWidth = canvas.width;
var oldHeight = canvas.height;
canvasElement.width = oldWidth * this.frontBackRatio
canvasElement.height = oldHeight * this.frontBackRatio
canvasElement.style.width = oldWidth + 'px'
canvasElement.style.height = oldHeight + 'px'
this.context.scale(this.frontBackRatio, this.frontBackRatio)
}
}
CanvasRender.prototype.draw = function (image) {