| Index: chrome_frame/tools/test/reference_build/chrome/resources/inspector/FontView.js
|
| ===================================================================
|
| --- chrome_frame/tools/test/reference_build/chrome/resources/inspector/FontView.js (revision 0)
|
| +++ chrome_frame/tools/test/reference_build/chrome/resources/inspector/FontView.js (revision 0)
|
| @@ -0,0 +1,104 @@
|
| +/*
|
| + * Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
|
| + *
|
| + * Redistribution and use in source and binary forms, with or without
|
| + * modification, are permitted provided that the following conditions
|
| + * are met:
|
| + *
|
| + * 1. Redistributions of source code must retain the above copyright
|
| + * notice, this list of conditions and the following disclaimer.
|
| + * 2. Redistributions in binary form must reproduce the above copyright
|
| + * notice, this list of conditions and the following disclaimer in the
|
| + * documentation and/or other materials provided with the distribution.
|
| + * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
|
| + * its contributors may be used to endorse or promote products derived
|
| + * from this software without specific prior written permission.
|
| + *
|
| + * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
|
| + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
| + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
| + * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
|
| + * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
| + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
| + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
| + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
| + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
|
| + * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
| + */
|
| +
|
| +WebInspector.FontView = function(resource)
|
| +{
|
| + WebInspector.ResourceView.call(this, resource);
|
| +
|
| + this.element.addStyleClass("font");
|
| +
|
| + var uniqueFontName = "WebInspectorFontPreview" + this.resource.identifier;
|
| +
|
| + this.fontStyleElement = document.createElement("style");
|
| + this.fontStyleElement.textContent = "@font-face { font-family: \"" + uniqueFontName + "\"; src: url(" + this.resource.url + "); }";
|
| + document.getElementsByTagName("head").item(0).appendChild(this.fontStyleElement);
|
| +
|
| + this.fontPreviewElement = document.createElement("div");
|
| + this.fontPreviewElement.className = "preview";
|
| + this.contentElement.appendChild(this.fontPreviewElement);
|
| +
|
| + this.fontPreviewElement.style.setProperty("font-family", uniqueFontName, null);
|
| + this.fontPreviewElement.innerHTML = "ABCDEFGHIJKLM<br>NOPQRSTUVWXYZ<br>abcdefghijklm<br>nopqrstuvwxyz<br>1234567890";
|
| +
|
| + this.updateFontPreviewSize();
|
| +}
|
| +
|
| +WebInspector.FontView.prototype = {
|
| + show: function(parentElement)
|
| + {
|
| + WebInspector.ResourceView.prototype.show.call(this, parentElement);
|
| + this.updateFontPreviewSize();
|
| + },
|
| +
|
| + resize: function()
|
| + {
|
| + this.updateFontPreviewSize();
|
| + },
|
| +
|
| + updateFontPreviewSize: function ()
|
| + {
|
| + if (!this.fontPreviewElement || !this.visible)
|
| + return;
|
| +
|
| + this.fontPreviewElement.removeStyleClass("preview");
|
| +
|
| + var measureFontSize = 50;
|
| + this.fontPreviewElement.style.setProperty("position", "absolute", null);
|
| + this.fontPreviewElement.style.setProperty("font-size", measureFontSize + "px", null);
|
| + this.fontPreviewElement.style.removeProperty("height");
|
| +
|
| + var height = this.fontPreviewElement.offsetHeight;
|
| + var width = this.fontPreviewElement.offsetWidth;
|
| +
|
| + var containerWidth = this.contentElement.offsetWidth;
|
| +
|
| + // Subtract some padding. This should match the padding in the CSS plus room for the scrollbar.
|
| + containerWidth -= 40;
|
| +
|
| + if (!height || !width || !containerWidth) {
|
| + this.fontPreviewElement.style.removeProperty("font-size");
|
| + this.fontPreviewElement.style.removeProperty("position");
|
| + this.fontPreviewElement.addStyleClass("preview");
|
| + return;
|
| + }
|
| +
|
| + var lineCount = this.fontPreviewElement.getElementsByTagName("br").length + 1;
|
| + var realLineHeight = Math.floor(height / lineCount);
|
| + var fontSizeLineRatio = measureFontSize / realLineHeight;
|
| + var widthRatio = containerWidth / width;
|
| + var finalFontSize = Math.floor(realLineHeight * widthRatio * fontSizeLineRatio) - 1;
|
| +
|
| + this.fontPreviewElement.style.setProperty("font-size", finalFontSize + "px", null);
|
| + this.fontPreviewElement.style.setProperty("height", this.fontPreviewElement.offsetHeight + "px", null);
|
| + this.fontPreviewElement.style.removeProperty("position");
|
| +
|
| + this.fontPreviewElement.addStyleClass("preview");
|
| + }
|
| +}
|
| +
|
| +WebInspector.FontView.prototype.__proto__ = WebInspector.ResourceView.prototype;
|
|
|