123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470 |
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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.
- */
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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.
- */
- import WeakMap from 'zrender/lib/core/WeakMap.js';
- import LRU from 'zrender/lib/core/LRU.js';
- import { defaults, map, isArray, isString, isNumber } from 'zrender/lib/core/util.js';
- import { getLeastCommonMultiple } from './number.js';
- import { createSymbol } from './symbol.js';
- import { brushSingle } from 'zrender/lib/canvas/graphic.js';
- import { platformApi } from 'zrender/lib/core/platform.js';
- var decalMap = new WeakMap();
- var decalCache = new LRU(100);
- var decalKeys = ['symbol', 'symbolSize', 'symbolKeepAspect', 'color', 'backgroundColor', 'dashArrayX', 'dashArrayY', 'maxTileWidth', 'maxTileHeight'];
- /**
- * Create or update pattern image from decal options
- *
- * @param {InnerDecalObject | 'none'} decalObject decal options, 'none' if no decal
- * @return {Pattern} pattern with generated image, null if no decal
- */
- export function createOrUpdatePatternFromDecal(decalObject, api) {
- if (decalObject === 'none') {
- return null;
- }
- var dpr = api.getDevicePixelRatio();
- var zr = api.getZr();
- var isSVG = zr.painter.type === 'svg';
- if (decalObject.dirty) {
- decalMap["delete"](decalObject);
- }
- var oldPattern = decalMap.get(decalObject);
- if (oldPattern) {
- return oldPattern;
- }
- var decalOpt = defaults(decalObject, {
- symbol: 'rect',
- symbolSize: 1,
- symbolKeepAspect: true,
- color: 'rgba(0, 0, 0, 0.2)',
- backgroundColor: null,
- dashArrayX: 5,
- dashArrayY: 5,
- rotation: 0,
- maxTileWidth: 512,
- maxTileHeight: 512
- });
- if (decalOpt.backgroundColor === 'none') {
- decalOpt.backgroundColor = null;
- }
- var pattern = {
- repeat: 'repeat'
- };
- setPatternnSource(pattern);
- pattern.rotation = decalOpt.rotation;
- pattern.scaleX = pattern.scaleY = isSVG ? 1 : 1 / dpr;
- decalMap.set(decalObject, pattern);
- decalObject.dirty = false;
- return pattern;
- function setPatternnSource(pattern) {
- var keys = [dpr];
- var isValidKey = true;
- for (var i = 0; i < decalKeys.length; ++i) {
- var value = decalOpt[decalKeys[i]];
- if (value != null && !isArray(value) && !isString(value) && !isNumber(value) && typeof value !== 'boolean') {
- isValidKey = false;
- break;
- }
- keys.push(value);
- }
- var cacheKey;
- if (isValidKey) {
- cacheKey = keys.join(',') + (isSVG ? '-svg' : '');
- var cache = decalCache.get(cacheKey);
- if (cache) {
- isSVG ? pattern.svgElement = cache : pattern.image = cache;
- }
- }
- var dashArrayX = normalizeDashArrayX(decalOpt.dashArrayX);
- var dashArrayY = normalizeDashArrayY(decalOpt.dashArrayY);
- var symbolArray = normalizeSymbolArray(decalOpt.symbol);
- var lineBlockLengthsX = getLineBlockLengthX(dashArrayX);
- var lineBlockLengthY = getLineBlockLengthY(dashArrayY);
- var canvas = !isSVG && platformApi.createCanvas();
- var svgRoot = isSVG && {
- tag: 'g',
- attrs: {},
- key: 'dcl',
- children: []
- };
- var pSize = getPatternSize();
- var ctx;
- if (canvas) {
- canvas.width = pSize.width * dpr;
- canvas.height = pSize.height * dpr;
- ctx = canvas.getContext('2d');
- }
- brushDecal();
- if (isValidKey) {
- decalCache.put(cacheKey, canvas || svgRoot);
- }
- pattern.image = canvas;
- pattern.svgElement = svgRoot;
- pattern.svgWidth = pSize.width;
- pattern.svgHeight = pSize.height;
- /**
- * Get minimum length that can make a repeatable pattern.
- *
- * @return {Object} pattern width and height
- */
- function getPatternSize() {
- /**
- * For example, if dash is [[3, 2], [2, 1]] for X, it looks like
- * |--- --- --- --- --- ...
- * |-- -- -- -- -- -- -- -- ...
- * |--- --- --- --- --- ...
- * |-- -- -- -- -- -- -- -- ...
- * So the minimum length of X is 15,
- * which is the least common multiple of `3 + 2` and `2 + 1`
- * |--- --- --- |--- --- ...
- * |-- -- -- -- -- |-- -- -- ...
- */
- var width = 1;
- for (var i = 0, xlen = lineBlockLengthsX.length; i < xlen; ++i) {
- width = getLeastCommonMultiple(width, lineBlockLengthsX[i]);
- }
- var symbolRepeats = 1;
- for (var i = 0, xlen = symbolArray.length; i < xlen; ++i) {
- symbolRepeats = getLeastCommonMultiple(symbolRepeats, symbolArray[i].length);
- }
- width *= symbolRepeats;
- var height = lineBlockLengthY * lineBlockLengthsX.length * symbolArray.length;
- if (process.env.NODE_ENV !== 'production') {
- var warn = function (attrName) {
- /* eslint-disable-next-line */
- console.warn("Calculated decal size is greater than " + attrName + " due to decal option settings so " + attrName + " is used for the decal size. Please consider changing the decal option to make a smaller decal or set " + attrName + " to be larger to avoid incontinuity.");
- };
- if (width > decalOpt.maxTileWidth) {
- warn('maxTileWidth');
- }
- if (height > decalOpt.maxTileHeight) {
- warn('maxTileHeight');
- }
- }
- return {
- width: Math.max(1, Math.min(width, decalOpt.maxTileWidth)),
- height: Math.max(1, Math.min(height, decalOpt.maxTileHeight))
- };
- }
- function brushDecal() {
- if (ctx) {
- ctx.clearRect(0, 0, canvas.width, canvas.height);
- if (decalOpt.backgroundColor) {
- ctx.fillStyle = decalOpt.backgroundColor;
- ctx.fillRect(0, 0, canvas.width, canvas.height);
- }
- }
- var ySum = 0;
- for (var i = 0; i < dashArrayY.length; ++i) {
- ySum += dashArrayY[i];
- }
- if (ySum <= 0) {
- // dashArrayY is 0, draw nothing
- return;
- }
- var y = -lineBlockLengthY;
- var yId = 0;
- var yIdTotal = 0;
- var xId0 = 0;
- while (y < pSize.height) {
- if (yId % 2 === 0) {
- var symbolYId = yIdTotal / 2 % symbolArray.length;
- var x = 0;
- var xId1 = 0;
- var xId1Total = 0;
- while (x < pSize.width * 2) {
- var xSum = 0;
- for (var i = 0; i < dashArrayX[xId0].length; ++i) {
- xSum += dashArrayX[xId0][i];
- }
- if (xSum <= 0) {
- // Skip empty line
- break;
- } // E.g., [15, 5, 20, 5] draws only for 15 and 20
- if (xId1 % 2 === 0) {
- var size = (1 - decalOpt.symbolSize) * 0.5;
- var left = x + dashArrayX[xId0][xId1] * size;
- var top_1 = y + dashArrayY[yId] * size;
- var width = dashArrayX[xId0][xId1] * decalOpt.symbolSize;
- var height = dashArrayY[yId] * decalOpt.symbolSize;
- var symbolXId = xId1Total / 2 % symbolArray[symbolYId].length;
- brushSymbol(left, top_1, width, height, symbolArray[symbolYId][symbolXId]);
- }
- x += dashArrayX[xId0][xId1];
- ++xId1Total;
- ++xId1;
- if (xId1 === dashArrayX[xId0].length) {
- xId1 = 0;
- }
- }
- ++xId0;
- if (xId0 === dashArrayX.length) {
- xId0 = 0;
- }
- }
- y += dashArrayY[yId];
- ++yIdTotal;
- ++yId;
- if (yId === dashArrayY.length) {
- yId = 0;
- }
- }
- function brushSymbol(x, y, width, height, symbolType) {
- var scale = isSVG ? 1 : dpr;
- var symbol = createSymbol(symbolType, x * scale, y * scale, width * scale, height * scale, decalOpt.color, decalOpt.symbolKeepAspect);
- if (isSVG) {
- var symbolVNode = zr.painter.renderOneToVNode(symbol);
- if (symbolVNode) {
- svgRoot.children.push(symbolVNode);
- }
- } else {
- // Paint to canvas for all other renderers.
- brushSingle(ctx, symbol);
- }
- }
- }
- }
- }
- /**
- * Convert symbol array into normalized array
- *
- * @param {string | (string | string[])[]} symbol symbol input
- * @return {string[][]} normolized symbol array
- */
- function normalizeSymbolArray(symbol) {
- if (!symbol || symbol.length === 0) {
- return [['rect']];
- }
- if (isString(symbol)) {
- return [[symbol]];
- }
- var isAllString = true;
- for (var i = 0; i < symbol.length; ++i) {
- if (!isString(symbol[i])) {
- isAllString = false;
- break;
- }
- }
- if (isAllString) {
- return normalizeSymbolArray([symbol]);
- }
- var result = [];
- for (var i = 0; i < symbol.length; ++i) {
- if (isString(symbol[i])) {
- result.push([symbol[i]]);
- } else {
- result.push(symbol[i]);
- }
- }
- return result;
- }
- /**
- * Convert dash input into dashArray
- *
- * @param {DecalDashArrayX} dash dash input
- * @return {number[][]} normolized dash array
- */
- function normalizeDashArrayX(dash) {
- if (!dash || dash.length === 0) {
- return [[0, 0]];
- }
- if (isNumber(dash)) {
- var dashValue = Math.ceil(dash);
- return [[dashValue, dashValue]];
- }
- /**
- * [20, 5] should be normalized into [[20, 5]],
- * while [20, [5, 10]] should be normalized into [[20, 20], [5, 10]]
- */
- var isAllNumber = true;
- for (var i = 0; i < dash.length; ++i) {
- if (!isNumber(dash[i])) {
- isAllNumber = false;
- break;
- }
- }
- if (isAllNumber) {
- return normalizeDashArrayX([dash]);
- }
- var result = [];
- for (var i = 0; i < dash.length; ++i) {
- if (isNumber(dash[i])) {
- var dashValue = Math.ceil(dash[i]);
- result.push([dashValue, dashValue]);
- } else {
- var dashValue = map(dash[i], function (n) {
- return Math.ceil(n);
- });
- if (dashValue.length % 2 === 1) {
- // [4, 2, 1] means |---- - -- |---- - -- |
- // so normalize it to be [4, 2, 1, 4, 2, 1]
- result.push(dashValue.concat(dashValue));
- } else {
- result.push(dashValue);
- }
- }
- }
- return result;
- }
- /**
- * Convert dash input into dashArray
- *
- * @param {DecalDashArrayY} dash dash input
- * @return {number[]} normolized dash array
- */
- function normalizeDashArrayY(dash) {
- if (!dash || typeof dash === 'object' && dash.length === 0) {
- return [0, 0];
- }
- if (isNumber(dash)) {
- var dashValue_1 = Math.ceil(dash);
- return [dashValue_1, dashValue_1];
- }
- var dashValue = map(dash, function (n) {
- return Math.ceil(n);
- });
- return dash.length % 2 ? dashValue.concat(dashValue) : dashValue;
- }
- /**
- * Get block length of each line. A block is the length of dash line and space.
- * For example, a line with [4, 1] has a dash line of 4 and a space of 1 after
- * that, so the block length of this line is 5.
- *
- * @param {number[][]} dash dash array of X or Y
- * @return {number[]} block length of each line
- */
- function getLineBlockLengthX(dash) {
- return map(dash, function (line) {
- return getLineBlockLengthY(line);
- });
- }
- function getLineBlockLengthY(dash) {
- var blockLength = 0;
- for (var i = 0; i < dash.length; ++i) {
- blockLength += dash[i];
- }
- if (dash.length % 2 === 1) {
- // [4, 2, 1] means |---- - -- |---- - -- |
- // So total length is (4 + 2 + 1) * 2
- return blockLength * 2;
- }
- return blockLength;
- }
|