123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141 |
- // Copyright 2007 The Closure Library Authors. All Rights Reserved.
- //
- // 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.
- /**
- * @fileoverview Graphics utility functions and factory methods.
- * @author arv@google.com (Erik Arvidsson)
- * @see ../demos/graphics/advancedcoordinates.html
- * @see ../demos/graphics/advancedcoordinates2.html
- * @see ../demos/graphics/basicelements.html
- * @see ../demos/graphics/events.html
- * @see ../demos/graphics/modifyelements.html
- * @see ../demos/graphics/tiger.html
- */
- goog.provide('goog.graphics');
- goog.require('goog.dom');
- goog.require('goog.graphics.CanvasGraphics');
- goog.require('goog.graphics.SvgGraphics');
- goog.require('goog.graphics.VmlGraphics');
- goog.require('goog.userAgent');
- /**
- * Returns an instance of goog.graphics.AbstractGraphics that knows how to draw
- * for the current platform (A factory for the proper Graphics implementation)
- * @param {string|number} width The width in pixels. Strings
- * expressing percentages of parent with (e.g. '80%') are also accepted.
- * @param {string|number} height The height in pixels. Strings
- * expressing percentages of parent with (e.g. '80%') are also accepted.
- * @param {?number=} opt_coordWidth The optional coordinate width - if
- * omitted or null, defaults to same as width.
- * @param {?number=} opt_coordHeight The optional coordinate height - if
- * omitted or null, defaults to same as height.
- * @param {goog.dom.DomHelper=} opt_domHelper The DOM helper object for the
- * document we want to render in.
- * @return {!goog.graphics.AbstractGraphics} The created instance.
- * @deprecated goog.graphics is deprecated. It existed to abstract over browser
- * differences before the canvas tag was widely supported. See
- * http://en.wikipedia.org/wiki/Canvas_element for details.
- */
- goog.graphics.createGraphics = function(
- width, height, opt_coordWidth, opt_coordHeight, opt_domHelper) {
- var graphics;
- // On IE9 and above, SVG is available, except in compatibility mode.
- // We check createElementNS on document object that is not exist in
- // compatibility mode.
- if (goog.userAgent.IE && (!goog.userAgent.isVersionOrHigher('9') ||
- !(opt_domHelper || goog.dom.getDomHelper())
- .getDocument()
- .createElementNS)) {
- graphics = new goog.graphics.VmlGraphics(
- width, height, opt_coordWidth, opt_coordHeight, opt_domHelper);
- } else if (
- goog.userAgent.WEBKIT &&
- (!goog.userAgent.isVersionOrHigher('420') || goog.userAgent.MOBILE)) {
- graphics = new goog.graphics.CanvasGraphics(
- width, height, opt_coordWidth, opt_coordHeight, opt_domHelper);
- } else {
- graphics = new goog.graphics.SvgGraphics(
- width, height, opt_coordWidth, opt_coordHeight, opt_domHelper);
- }
- // Create the dom now, because all drawing methods require that the
- // main dom element (the canvas) has been already created.
- graphics.createDom();
- return graphics;
- };
- /**
- * Returns an instance of goog.graphics.AbstractGraphics that knows how to draw
- * for the current platform (A factory for the proper Graphics implementation)
- * @param {string|number} width The width in pixels. Strings
- * expressing percentages of parent with (e.g. '80%') are also accepted.
- * @param {string|number} height The height in pixels. Strings
- * expressing percentages of parent with (e.g. '80%') are also accepted.
- * @param {?number=} opt_coordWidth The optional coordinate width, defaults to
- * same as width.
- * @param {?number=} opt_coordHeight The optional coordinate height, defaults to
- * same as height.
- * @param {goog.dom.DomHelper=} opt_domHelper The DOM helper object for the
- * document we want to render in.
- * @return {!goog.graphics.AbstractGraphics} The created instance.
- * @deprecated goog.graphics is deprecated. It existed to abstract over browser
- * differences before the canvas tag was widely supported. See
- * http://en.wikipedia.org/wiki/Canvas_element for details.
- */
- goog.graphics.createSimpleGraphics = function(
- width, height, opt_coordWidth, opt_coordHeight, opt_domHelper) {
- if (goog.userAgent.MAC && goog.userAgent.GECKO &&
- !goog.userAgent.isVersionOrHigher('1.9a')) {
- // Canvas is 6x faster than SVG on Mac FF 2.0
- var graphics = new goog.graphics.CanvasGraphics(
- width, height, opt_coordWidth, opt_coordHeight, opt_domHelper);
- graphics.createDom();
- return graphics;
- }
- // Otherwise, defer to normal graphics object creation.
- return goog.graphics.createGraphics(
- width, height, opt_coordWidth, opt_coordHeight, opt_domHelper);
- };
- /**
- * Static function to check if the current browser has Graphics support.
- * @return {boolean} True if the current browser has Graphics support.
- * @deprecated goog.graphics is deprecated. It existed to abstract over browser
- * differences before the canvas tag was widely supported. See
- * http://en.wikipedia.org/wiki/Canvas_element for details.
- */
- goog.graphics.isBrowserSupported = function() {
- if (goog.userAgent.IE) {
- return goog.userAgent.isVersionOrHigher('5.5');
- }
- if (goog.userAgent.GECKO) {
- return goog.userAgent.isVersionOrHigher('1.8');
- }
- if (goog.userAgent.OPERA) {
- return goog.userAgent.isVersionOrHigher('9.0');
- }
- if (goog.userAgent.WEBKIT) {
- return goog.userAgent.isVersionOrHigher('412');
- }
- return false;
- };
|