tupali/librerias/gantt/code/es-modules/modules/boost/boost-attach.js

147 lines
5.3 KiB
JavaScript
Raw Normal View History

2020-05-23 20:45:54 +00:00
/* *
*
* Copyright (c) 2019-2020 Highsoft AS
*
* Boost module: stripped-down renderer for higher performance
*
* License: highcharts.com/license
*
* !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
*
* */
'use strict';
import H from '../../parts/Globals.js';
import '../../parts/Series.js';
import GLRenderer from './wgl-renderer.js';
import U from '../../parts/Utilities.js';
var error = U.error;
var win = H.win, doc = win.document, mainCanvas = doc.createElement('canvas');
/**
* Create a canvas + context and attach it to the target
*
* @private
* @function createAndAttachRenderer
*
* @param {Highcharts.Chart} chart
* the chart
*
* @param {Highcharts.Series} series
* the series
*
* @return {Highcharts.BoostGLRenderer}
* the canvas renderer
*/
function createAndAttachRenderer(chart, series) {
var width = chart.chartWidth, height = chart.chartHeight, target = chart, targetGroup = chart.seriesGroup || series.group, alpha = 1, foSupported = doc.implementation.hasFeature('www.http://w3.org/TR/SVG11/feature#Extensibility', '1.1');
if (chart.isChartSeriesBoosting()) {
target = chart;
}
else {
target = series;
}
// Support for foreignObject is flimsy as best.
// IE does not support it, and Chrome has a bug which messes up
// the canvas draw order.
// As such, we force the Image fallback for now, but leaving the
// actual Canvas path in-place in case this changes in the future.
foSupported = false;
if (!target.renderTarget) {
target.canvas = mainCanvas;
// Fall back to image tag if foreignObject isn't supported,
// or if we're exporting.
if (chart.renderer.forExport || !foSupported) {
target.renderTarget = chart.renderer.image('', 0, 0, width, height)
.addClass('highcharts-boost-canvas')
.add(targetGroup);
target.boostClear = function () {
target.renderTarget.attr({ href: '' });
};
target.boostCopy = function () {
target.boostResizeTarget();
target.renderTarget.attr({
href: target.canvas.toDataURL('image/png')
});
};
}
else {
target.renderTargetFo = chart.renderer
.createElement('foreignObject')
.add(targetGroup);
target.renderTarget = doc.createElement('canvas');
target.renderTargetCtx =
target.renderTarget.getContext('2d');
target.renderTargetFo.element.appendChild(target.renderTarget);
target.boostClear = function () {
target.renderTarget.width =
target.canvas.width;
target.renderTarget.height =
target.canvas.height;
};
target.boostCopy = function () {
target.renderTarget.width =
target.canvas.width;
target.renderTarget.height =
target.canvas.height;
target.renderTargetCtx
.drawImage(target.canvas, 0, 0);
};
}
target.boostResizeTarget = function () {
width = chart.chartWidth;
height = chart.chartHeight;
(target.renderTargetFo || target.renderTarget)
.attr({
x: 0,
y: 0,
width: width,
height: height
})
.css({
pointerEvents: 'none',
mixedBlendMode: 'normal',
opacity: alpha
});
if (target instanceof H.Chart) {
target.markerGroup.translate(chart.plotLeft, chart.plotTop);
}
};
target.boostClipRect = chart.renderer.clipRect();
(target.renderTargetFo || target.renderTarget)
.clip(target.boostClipRect);
if (target instanceof H.Chart) {
target.markerGroup = target.renderer.g().add(targetGroup);
target.markerGroup.translate(series.xAxis.pos, series.yAxis.pos);
}
}
target.canvas.width = width;
target.canvas.height = height;
target.boostClipRect.attr(chart.getBoostClipRect(target));
target.boostResizeTarget();
target.boostClear();
if (!target.ogl) {
target.ogl = GLRenderer(function () {
if (target.ogl.settings.debug.timeBufferCopy) {
console.time('buffer copy'); // eslint-disable-line no-console
}
target.boostCopy();
if (target.ogl.settings.debug.timeBufferCopy) {
console.timeEnd('buffer copy'); // eslint-disable-line no-console
}
});
if (!target.ogl.init(target.canvas)) {
// The OGL renderer couldn't be inited.
// This likely means a shader error as we wouldn't get to this point
// if there was no WebGL support.
error('[highcharts boost] - unable to init WebGL renderer');
}
// target.ogl.clear();
target.ogl.setOptions(chart.options.boost || {});
if (target instanceof H.Chart) {
target.ogl.allocateBuffer(chart);
}
}
target.ogl.setSize(width, height);
return target.ogl;
}
export default createAndAttachRenderer;