Brendan Dahl
12 years ago
41 changed files with 815 additions and 784 deletions
@ -0,0 +1,311 @@ |
|||||||
|
/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ |
||||||
|
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */ |
||||||
|
/* Copyright 2012 Mozilla Foundation |
||||||
|
* |
||||||
|
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||||
|
* you may not use this file except in compliance with the License. |
||||||
|
* You may obtain a copy of the License at |
||||||
|
* |
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
* |
||||||
|
* Unless required by applicable law or agreed to in writing, software |
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, |
||||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||||
|
* See the License for the specific language governing permissions and |
||||||
|
* limitations under the License. |
||||||
|
*/ |
||||||
|
/* globals PDFJS, shadow, isWorker, assert, warn, FontRendererFactory, |
||||||
|
bytesToString, globalScope */ |
||||||
|
|
||||||
|
'use strict'; |
||||||
|
|
||||||
|
PDFJS.disableFontFace = false; |
||||||
|
|
||||||
|
var FontLoader = { |
||||||
|
insertRule: function fontLoaderInsertRule(rule) { |
||||||
|
var styleElement = document.getElementById('PDFJS_FONT_STYLE_TAG'); |
||||||
|
if (!styleElement) { |
||||||
|
styleElement = document.createElement('style'); |
||||||
|
styleElement.id = 'PDFJS_FONT_STYLE_TAG'; |
||||||
|
document.documentElement.getElementsByTagName('head')[0].appendChild( |
||||||
|
styleElement); |
||||||
|
} |
||||||
|
|
||||||
|
var styleSheet = styleElement.sheet; |
||||||
|
styleSheet.insertRule(rule, styleSheet.cssRules.length); |
||||||
|
}, |
||||||
|
//#if !(MOZCENTRAL)
|
||||||
|
get loadTestFont() { |
||||||
|
// This is a CFF font with 1 glyph for '.' that fills its entire width and
|
||||||
|
// height.
|
||||||
|
return shadow(this, 'loadTestFont', atob( |
||||||
|
'T1RUTwALAIAAAwAwQ0ZGIDHtZg4AAAOYAAAAgUZGVE1lkzZwAAAEHAAAABxHREVGABQAFQ' + |
||||||
|
'AABDgAAAAeT1MvMlYNYwkAAAEgAAAAYGNtYXABDQLUAAACNAAAAUJoZWFk/xVFDQAAALwA' + |
||||||
|
'AAA2aGhlYQdkA+oAAAD0AAAAJGhtdHgD6AAAAAAEWAAAAAZtYXhwAAJQAAAAARgAAAAGbm' + |
||||||
|
'FtZVjmdH4AAAGAAAAAsXBvc3T/hgAzAAADeAAAACAAAQAAAAEAALZRFsRfDzz1AAsD6AAA' + |
||||||
|
'AADOBOTLAAAAAM4KHDwAAAAAA+gDIQAAAAgAAgAAAAAAAAABAAADIQAAAFoD6AAAAAAD6A' + |
||||||
|
'ABAAAAAAAAAAAAAAAAAAAAAQAAUAAAAgAAAAQD6AH0AAUAAAKKArwAAACMAooCvAAAAeAA' + |
||||||
|
'MQECAAACAAYJAAAAAAAAAAAAAQAAAAAAAAAAAAAAAFBmRWQAwAAuAC4DIP84AFoDIQAAAA' + |
||||||
|
'AAAQAAAAAAAAAAACAAIAABAAAADgCuAAEAAAAAAAAAAQAAAAEAAAAAAAEAAQAAAAEAAAAA' + |
||||||
|
'AAIAAQAAAAEAAAAAAAMAAQAAAAEAAAAAAAQAAQAAAAEAAAAAAAUAAQAAAAEAAAAAAAYAAQ' + |
||||||
|
'AAAAMAAQQJAAAAAgABAAMAAQQJAAEAAgABAAMAAQQJAAIAAgABAAMAAQQJAAMAAgABAAMA' + |
||||||
|
'AQQJAAQAAgABAAMAAQQJAAUAAgABAAMAAQQJAAYAAgABWABYAAAAAAAAAwAAAAMAAAAcAA' + |
||||||
|
'EAAAAAADwAAwABAAAAHAAEACAAAAAEAAQAAQAAAC7//wAAAC7////TAAEAAAAAAAABBgAA' + |
||||||
|
'AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAA' + |
||||||
|
'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + |
||||||
|
'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + |
||||||
|
'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' + |
||||||
|
'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAA' + |
||||||
|
'AAAAD/gwAyAAAAAQAAAAAAAAAAAAAAAAAAAAABAAQEAAEBAQJYAAEBASH4DwD4GwHEAvgc' + |
||||||
|
'A/gXBIwMAYuL+nz5tQXkD5j3CBLnEQACAQEBIVhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWF' + |
||||||
|
'hYWFhYWFhYAAABAQAADwACAQEEE/t3Dov6fAH6fAT+fPp8+nwHDosMCvm1Cvm1DAz6fBQA' + |
||||||
|
'AAAAAAABAAAAAMmJbzEAAAAAzgTjFQAAAADOBOQpAAEAAAAAAAAADAAUAAQAAAABAAAAAg' + |
||||||
|
'ABAAAAAAAAAAAD6AAAAAAAAA==' |
||||||
|
)); |
||||||
|
}, |
||||||
|
|
||||||
|
loadTestFontId: 0, |
||||||
|
|
||||||
|
loadingContext: { |
||||||
|
requests: [], |
||||||
|
nextRequestId: 0 |
||||||
|
}, |
||||||
|
|
||||||
|
isSyncFontLoadingSupported: (function detectSyncFontLoadingSupport() { |
||||||
|
if (isWorker) |
||||||
|
return false; |
||||||
|
|
||||||
|
// User agent string sniffing is bad, but there is no reliable way to tell
|
||||||
|
// if font is fully loaded and ready to be used with canvas.
|
||||||
|
var userAgent = window.navigator.userAgent; |
||||||
|
var m = /Mozilla\/5.0.*?rv:(\d+).*? Gecko/.exec(userAgent); |
||||||
|
if (m && m[1] >= 14) |
||||||
|
return true; |
||||||
|
// TODO other browsers
|
||||||
|
return false; |
||||||
|
})(), |
||||||
|
|
||||||
|
bind: function fontLoaderBind(fonts, callback) { |
||||||
|
assert(!isWorker, 'bind() shall be called from main thread'); |
||||||
|
|
||||||
|
var rules = [], fontsToLoad = []; |
||||||
|
for (var i = 0, ii = fonts.length; i < ii; i++) { |
||||||
|
var font = fonts[i]; |
||||||
|
|
||||||
|
// Add the font to the DOM only once or skip if the font
|
||||||
|
// is already loaded.
|
||||||
|
if (font.attached || font.loading === false) { |
||||||
|
continue; |
||||||
|
} |
||||||
|
font.attached = true; |
||||||
|
|
||||||
|
var rule = font.bindDOM(); |
||||||
|
if (rule) { |
||||||
|
rules.push(rule); |
||||||
|
fontsToLoad.push(font); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
var request = FontLoader.queueLoadingCallback(callback); |
||||||
|
if (rules.length > 0 && !this.isSyncFontLoadingSupported) { |
||||||
|
FontLoader.prepareFontLoadEvent(rules, fontsToLoad, request); |
||||||
|
} else { |
||||||
|
request.complete(); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
queueLoadingCallback: function FontLoader_queueLoadingCallback(callback) { |
||||||
|
function LoadLoader_completeRequest() { |
||||||
|
assert(!request.end, 'completeRequest() cannot be called twice'); |
||||||
|
request.end = Date.now(); |
||||||
|
|
||||||
|
// sending all completed requests in order how they were queued
|
||||||
|
while (context.requests.length > 0 && context.requests[0].end) { |
||||||
|
var otherRequest = context.requests.shift(); |
||||||
|
setTimeout(otherRequest.callback, 0); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
var context = FontLoader.loadingContext; |
||||||
|
var requestId = 'pdfjs-font-loading-' + (context.nextRequestId++); |
||||||
|
var request = { |
||||||
|
id: requestId, |
||||||
|
complete: LoadLoader_completeRequest, |
||||||
|
callback: callback, |
||||||
|
started: Date.now() |
||||||
|
}; |
||||||
|
context.requests.push(request); |
||||||
|
return request; |
||||||
|
}, |
||||||
|
|
||||||
|
prepareFontLoadEvent: function fontLoaderPrepareFontLoadEvent(rules, |
||||||
|
fonts, |
||||||
|
request) { |
||||||
|
/** Hack begin */ |
||||||
|
// There's currently no event when a font has finished downloading so the
|
||||||
|
// following code is a dirty hack to 'guess' when a font is
|
||||||
|
// ready. It's assumed fonts are loaded in order, so add a known test
|
||||||
|
// font after the desired fonts and then test for the loading of that
|
||||||
|
// test font.
|
||||||
|
|
||||||
|
function int32(data, offset) { |
||||||
|
return (data.charCodeAt(offset) << 24) | |
||||||
|
(data.charCodeAt(offset + 1) << 16) | |
||||||
|
(data.charCodeAt(offset + 2) << 8) | |
||||||
|
(data.charCodeAt(offset + 3) & 0xff); |
||||||
|
} |
||||||
|
|
||||||
|
function string32(value) { |
||||||
|
return String.fromCharCode((value >> 24) & 0xff) + |
||||||
|
String.fromCharCode((value >> 16) & 0xff) + |
||||||
|
String.fromCharCode((value >> 8) & 0xff) + |
||||||
|
String.fromCharCode(value & 0xff); |
||||||
|
} |
||||||
|
|
||||||
|
function spliceString(s, offset, remove, insert) { |
||||||
|
var chunk1 = data.substr(0, offset); |
||||||
|
var chunk2 = data.substr(offset + remove); |
||||||
|
return chunk1 + insert + chunk2; |
||||||
|
} |
||||||
|
|
||||||
|
var i, ii; |
||||||
|
|
||||||
|
var canvas = document.createElement('canvas'); |
||||||
|
canvas.width = 1; |
||||||
|
canvas.height = 1; |
||||||
|
var ctx = canvas.getContext('2d'); |
||||||
|
|
||||||
|
var called = 0; |
||||||
|
function isFontReady(name, callback) { |
||||||
|
called++; |
||||||
|
// With setTimeout clamping this gives the font ~100ms to load.
|
||||||
|
if(called > 30) { |
||||||
|
warn('Load test font never loaded.'); |
||||||
|
callback(); |
||||||
|
return; |
||||||
|
} |
||||||
|
ctx.font = '30px ' + name; |
||||||
|
ctx.fillText('.', 0, 20); |
||||||
|
var imageData = ctx.getImageData(0, 0, 1, 1); |
||||||
|
if (imageData.data[3] > 0) { |
||||||
|
callback(); |
||||||
|
return; |
||||||
|
} |
||||||
|
setTimeout(isFontReady.bind(null, name, callback)); |
||||||
|
} |
||||||
|
|
||||||
|
var loadTestFontId = 'lt' + Date.now() + this.loadTestFontId++; |
||||||
|
// Chromium seems to cache fonts based on a hash of the actual font data,
|
||||||
|
// so the font must be modified for each load test else it will appear to
|
||||||
|
// be loaded already.
|
||||||
|
// TODO: This could maybe be made faster by avoiding the btoa of the full
|
||||||
|
// font by splitting it in chunks before hand and padding the font id.
|
||||||
|
var data = this.loadTestFont; |
||||||
|
var COMMENT_OFFSET = 976; // has to be on 4 byte boundary (for checksum)
|
||||||
|
data = spliceString(data, COMMENT_OFFSET, loadTestFontId.length, |
||||||
|
loadTestFontId); |
||||||
|
// CFF checksum is important for IE, adjusting it
|
||||||
|
var CFF_CHECKSUM_OFFSET = 16; |
||||||
|
var XXXX_VALUE = 0x58585858; // the "comment" filled with 'X'
|
||||||
|
var checksum = int32(data, CFF_CHECKSUM_OFFSET); |
||||||
|
for (i = 0, ii = loadTestFontId.length - 3; i < ii; i += 4) { |
||||||
|
checksum = (checksum - XXXX_VALUE + int32(loadTestFontId, i)) | 0; |
||||||
|
} |
||||||
|
if (i < loadTestFontId.length) { // align to 4 bytes boundary
|
||||||
|
checksum = (checksum - XXXX_VALUE + |
||||||
|
int32(loadTestFontId + 'XXX', i)) | 0; |
||||||
|
} |
||||||
|
data = spliceString(data, CFF_CHECKSUM_OFFSET, 4, string32(checksum)); |
||||||
|
|
||||||
|
var url = 'url(data:font/opentype;base64,' + btoa(data) + ');'; |
||||||
|
var rule = '@font-face { font-family:"' + loadTestFontId + '";src:' + |
||||||
|
url + '}'; |
||||||
|
FontLoader.insertRule(rule); |
||||||
|
|
||||||
|
var names = []; |
||||||
|
for (i = 0, ii = fonts.length; i < ii; i++) { |
||||||
|
names.push(fonts[i].loadedName); |
||||||
|
} |
||||||
|
names.push(loadTestFontId); |
||||||
|
|
||||||
|
var div = document.createElement('div'); |
||||||
|
div.setAttribute('style', |
||||||
|
'visibility: hidden;' + |
||||||
|
'width: 10px; height: 10px;' + |
||||||
|
'position: absolute; top: 0px; left: 0px;'); |
||||||
|
for (i = 0, ii = names.length; i < ii; ++i) { |
||||||
|
var span = document.createElement('span'); |
||||||
|
span.textContent = 'Hi'; |
||||||
|
span.style.fontFamily = names[i]; |
||||||
|
div.appendChild(span); |
||||||
|
} |
||||||
|
document.body.appendChild(div); |
||||||
|
|
||||||
|
isFontReady(loadTestFontId, function() { |
||||||
|
document.body.removeChild(div); |
||||||
|
request.complete(); |
||||||
|
}); |
||||||
|
/** Hack end */ |
||||||
|
} |
||||||
|
//#else
|
||||||
|
//bind: function fontLoaderBind(fonts, callback) {
|
||||||
|
// assert(!isWorker, 'bind() shall be called from main thread');
|
||||||
|
//
|
||||||
|
// for (var i = 0, ii = fonts.length; i < ii; i++) {
|
||||||
|
// var font = fonts[i];
|
||||||
|
// if (font.attached)
|
||||||
|
// continue;
|
||||||
|
//
|
||||||
|
// font.attached = true;
|
||||||
|
// font.bindDOM()
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// setTimeout(callback);
|
||||||
|
//}
|
||||||
|
//#endif
|
||||||
|
}; |
||||||
|
|
||||||
|
var FontFace = (function FontFaceClosure() { |
||||||
|
function FontFace(name, file, properties) { |
||||||
|
if (arguments.length === 1) { |
||||||
|
// importing translated data
|
||||||
|
var data = arguments[0]; |
||||||
|
for (var i in data) { |
||||||
|
this[i] = data[i]; |
||||||
|
} |
||||||
|
return; |
||||||
|
} |
||||||
|
} |
||||||
|
FontFace.prototype = { |
||||||
|
get renderer() { |
||||||
|
var renderer = FontRendererFactory.create(this); |
||||||
|
return shadow(this, 'renderer', renderer); |
||||||
|
}, |
||||||
|
bindDOM: function FontFace_bindDOM() { |
||||||
|
if (!this.data) |
||||||
|
return null; |
||||||
|
|
||||||
|
if (PDFJS.disableFontFace) { |
||||||
|
this.disableFontFace = true; |
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
|
var data = bytesToString(this.data); |
||||||
|
var fontName = this.loadedName; |
||||||
|
|
||||||
|
// Add the font-face rule to the document
|
||||||
|
var url = ('url(data:' + this.mimetype + ';base64,' + |
||||||
|
window.btoa(data) + ');'); |
||||||
|
var rule = '@font-face { font-family:"' + fontName + '";src:' + url + '}'; |
||||||
|
|
||||||
|
FontLoader.insertRule(rule); |
||||||
|
|
||||||
|
if (PDFJS.pdfBug && 'FontInspector' in globalScope && |
||||||
|
globalScope['FontInspector'].enabled) |
||||||
|
globalScope['FontInspector'].fontAdded(this, url); |
||||||
|
|
||||||
|
return rule; |
||||||
|
} |
||||||
|
}; |
||||||
|
return FontFace; |
||||||
|
})(); |
||||||
Loading…
Reference in new issue