glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

factor out canvas support check function

Browse source
This commit is contained in:
Devin Howard 2016-04-24 13:10:36 +08:00
parent 9caeeb0910
commit ddaf8f5410
3 changed files with 21 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/javascripts/application.js
View file

@ -24,6 +24,7 @@
//= require ./src/views/videoView //= require ./src/views/videoView
//= require ./src/views/room //= require ./src/views/room
//= require ./src/JIT //= require ./src/JIT
//= require ./src/check-canvas-support
//= require ./src/Metamaps //= require ./src/Metamaps
//= require ./src/Metamaps.Create //= require ./src/Metamaps.Create
//= require ./src/Metamaps.TopicCard //= require ./src/Metamaps.TopicCard

20
app/assets/javascripts/src/Metamaps.js.erb
View file

@ -1,18 +1,8 @@
// TODO document this user agent function /* global Metamaps */
var labelType, useGradients, nativeTextSupport, animate
;(function () { /*
var ua = navigator.userAgent, * Metamaps.js.erb
iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i), */
typeOfCanvas = typeof HTMLCanvasElement,
nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
textSupport = nativeCanvasSupport && (typeof document.createElement('canvas').getContext('2d').fillText == 'function')
// I'm setting this based on the fact that ExCanvas provides text support for IE
// and that as of today iPhone/iPad current text support is lame
labelType = (!nativeCanvasSupport || (textSupport && !iStuff)) ? 'Native' : 'HTML'
nativeTextSupport = labelType == 'Native'
useGradients = nativeCanvasSupport
animate = !(iStuff || !nativeCanvasSupport)
})()
// TODO eliminate these 5 top-level variables // TODO eliminate these 5 top-level variables
Metamaps.panningInt = null Metamaps.panningInt = null

15
app/assets/javascripts/src/check-canvas-support.js Normal file
View file

@ -0,0 +1,15 @@
// TODO document this user agent function
var labelType, useGradients, nativeTextSupport, animate
;(function () {
var ua = navigator.userAgent,
iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
typeOfCanvas = typeof HTMLCanvasElement,
nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
textSupport = nativeCanvasSupport && (typeof document.createElement('canvas').getContext('2d').fillText == 'function')
// I'm setting this based on the fact that ExCanvas provides text support for IE
// and that as of today iPhone/iPad current text support is lame
labelType = (!nativeCanvasSupport || (textSupport && !iStuff)) ? 'Native' : 'HTML'
nativeTextSupport = labelType == 'Native'
useGradients = nativeCanvasSupport
animate = !(iStuff || !nativeCanvasSupport)
})()