OLD | NEW |
(Empty) | |
| 1 /* |
| 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. |
| 3 * |
| 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions |
| 6 * are met: |
| 7 * |
| 8 * 1. Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. |
| 10 * 2. Redistributions in binary form must reproduce the above copyright |
| 11 * notice, this list of conditions and the following disclaimer in the |
| 12 * documentation and/or other materials provided with the distribution. |
| 13 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of |
| 14 * its contributors may be used to endorse or promote products derived |
| 15 * from this software without specific prior written permission. |
| 16 * |
| 17 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY |
| 18 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED |
| 19 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE |
| 20 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY |
| 21 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
| 22 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
| 23 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
| 24 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 25 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
| 26 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 27 */ |
| 28 |
| 29 WebInspector.FontView = function(resource) |
| 30 { |
| 31 WebInspector.ResourceView.call(this, resource); |
| 32 |
| 33 this.element.addStyleClass("font"); |
| 34 |
| 35 var uniqueFontName = "WebInspectorFontPreview" + this.resource.identifier; |
| 36 |
| 37 this.fontStyleElement = document.createElement("style"); |
| 38 this.fontStyleElement.textContent = "@font-face { font-family: \"" + uniqueF
ontName + "\"; src: url(" + this.resource.url + "); }"; |
| 39 document.getElementsByTagName("head").item(0).appendChild(this.fontStyleElem
ent); |
| 40 |
| 41 this.fontPreviewElement = document.createElement("div"); |
| 42 this.fontPreviewElement.className = "preview"; |
| 43 this.contentElement.appendChild(this.fontPreviewElement); |
| 44 |
| 45 this.fontPreviewElement.style.setProperty("font-family", uniqueFontName, nul
l); |
| 46 this.fontPreviewElement.innerHTML = "ABCDEFGHIJKLM<br>NOPQRSTUVWXYZ<br>abcde
fghijklm<br>nopqrstuvwxyz<br>1234567890"; |
| 47 |
| 48 this.updateFontPreviewSize(); |
| 49 } |
| 50 |
| 51 WebInspector.FontView.prototype = { |
| 52 show: function(parentElement) |
| 53 { |
| 54 WebInspector.ResourceView.prototype.show.call(this, parentElement); |
| 55 this.updateFontPreviewSize(); |
| 56 }, |
| 57 |
| 58 resize: function() |
| 59 { |
| 60 this.updateFontPreviewSize(); |
| 61 }, |
| 62 |
| 63 updateFontPreviewSize: function () |
| 64 { |
| 65 if (!this.fontPreviewElement || !this.visible) |
| 66 return; |
| 67 |
| 68 this.fontPreviewElement.removeStyleClass("preview"); |
| 69 |
| 70 var measureFontSize = 50; |
| 71 this.fontPreviewElement.style.setProperty("position", "absolute", null); |
| 72 this.fontPreviewElement.style.setProperty("font-size", measureFontSize +
"px", null); |
| 73 this.fontPreviewElement.style.removeProperty("height"); |
| 74 |
| 75 var height = this.fontPreviewElement.offsetHeight; |
| 76 var width = this.fontPreviewElement.offsetWidth; |
| 77 |
| 78 var containerWidth = this.contentElement.offsetWidth; |
| 79 |
| 80 // Subtract some padding. This should match the padding in the CSS plus
room for the scrollbar. |
| 81 containerWidth -= 40; |
| 82 |
| 83 if (!height || !width || !containerWidth) { |
| 84 this.fontPreviewElement.style.removeProperty("font-size"); |
| 85 this.fontPreviewElement.style.removeProperty("position"); |
| 86 this.fontPreviewElement.addStyleClass("preview"); |
| 87 return; |
| 88 } |
| 89 |
| 90 var lineCount = this.fontPreviewElement.getElementsByTagName("br").lengt
h + 1; |
| 91 var realLineHeight = Math.floor(height / lineCount); |
| 92 var fontSizeLineRatio = measureFontSize / realLineHeight; |
| 93 var widthRatio = containerWidth / width; |
| 94 var finalFontSize = Math.floor(realLineHeight * widthRatio * fontSizeLin
eRatio) - 1; |
| 95 |
| 96 this.fontPreviewElement.style.setProperty("font-size", finalFontSize + "
px", null); |
| 97 this.fontPreviewElement.style.setProperty("height", this.fontPreviewElem
ent.offsetHeight + "px", null); |
| 98 this.fontPreviewElement.style.removeProperty("position"); |
| 99 |
| 100 this.fontPreviewElement.addStyleClass("preview"); |
| 101 } |
| 102 } |
| 103 |
| 104 WebInspector.FontView.prototype.__proto__ = WebInspector.ResourceView.prototype; |
OLD | NEW |