环境

• windows 10
• ie 11
• "echarts": "^3.1.10",

浏览器报错

···bash SCRIPT65535: Invalid calling object

报错点 Animation.js (181,1)

···js

 start: function () {
            var self = this;

            this._running = true;

            function step() {
                if (self._running) {

                    requestAnimationFrame(step);

                    self._update();
                }
            }

            this._time = new Date().getTime();
            requestAnimationFrame(step);
        }

运行requestAnimationFrame这个方法的时候就会报错

谢谢。

zrender 版本：3.7.0， Echarts 版本： 3.7.2 在项目源码引用Echarts 方式是 import Echarts from 'echarts'; 从3.6.3升级到3.7.0后, webpack uglify 报错，报错原因不能解析ES6语法. 去除uglify plugin, 项目build成功，但是上线后还是报错

This is a fix for this annoying warnings, when you scroll the page:

There is a quite good explanation why it happens and how to prevent it.

My PR just contains the fix based on the recommendations.

Btw, this issue is already opened

https://github.com/ecomfe/zrender/issues/238

我绘制一个图形，是通过 zr.getWidth()/2 绘制在中间位置的，当我resize的时候 调用zr.resize()，我从dom可以看到dom宽度已经正常变化了，但是我里面的图形没有变化，这是正常的吗？ 我调用了 zr.resize(),zr.refresh，都没有刷新，或者说我如何可以在resize后图形自动刷新？

发现requestAnimationFrame非常占用cpu,觉得可以在不需要动画的时候停止,所以 我在代码中加了stopAnimation和startAnimation,如果这样没有问题的话,希望在后续版本中加入类似功能接口. 或者可以做到智能侦测?! self.startAnimation = function () { animation.start(); } self.stopAnimation = function () { animation.stop(); }

以下属性，在项目实战中，无法生效，

opts.style.textLineHeight | number | 0 | 文字行高。

demo 测试地址

http://test.suwis.com/zrender/zrender.bug.html

这些属性根本就不生效好吧，这个影响很大，请尽快修复！我还没有全部核查，请贵公司好好做产品

…'CanvasRenderingContext2D': The provided double value is non-finite.

at createRadialGradient. Excute npm run test error fix! (#16649)

The bug in Echarts https://github.com/apache/echarts/issues/16649

  this.getPaiZi('活动', this.zrW / 2, 220)
//创建一个标题牌子（文字，横纵坐标）
getPaiZi(text, x, y) {
  let paiZi = new zrender.Image({
    style: {
      position: [0, 0],
      image: shuPaiZi,
      width: 52,
      height: 40,
      y: y,
      x: x
    },
    textContent: new zrender.Text({
      style: {
        text: text,
        fontWeight: '800',
        fontSize: '14',
        textFill: '#333333',
        **textPosition: 'bottom',
        transformText: true,**  //这个代码并没有用
        x: (52 - 28) / 2,
        y: 20
      }
    }),
    textConfig: {
      position: 'center',
      origin: [x + 28, y]
    }
  }).on('click', () => {
    paiZi.animate('')
      .when(100, {
        origin: [x + 28, y],
        rotation: 0
      })
      .when(1000, {
        origin: [x + 28, y],
        rotation: -0.3
      })
      .when(2000, {
        origin: [x + 28, y],
        rotation: 0.3
      })
      .when(3000, {
        origin: [x + 28, y],
        rotation: 0
      }).start()
  })
  this.zr.add(paiZi)
}

按理说图片上面的文字，应该是跟图片一样的倾斜角的，现在并没有发生对应的旋转而是对应角度平移

Web workers do support addEventListener ( aka. EventTarget ) and requestAnimationFrame, but worker do not have the global object window.

Instead of window, we should use a better option to get the global object. globalThis is the best option indeed, but we can't use it due to its poor compatibility. Browser and worker both support self, and it has very good browser compatibility. Using self can be a better option than using window.

This PR generally enables OffscreenCanvas support of zrender, which may greatly improve the performance of echarts.

Ref: https://github.com/apache/incubator-echarts/issues/9232

OffscreenCanvas is available without a flag in Chrome 69. It is also in development in Firefox. It can positively influence web app’s performance.

API Doc: https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas

Tutorial: https://developers.google.com/web/updates/2018/08/offscreen-canvas

Hope you to consider this new feature.

If we apply an animation on 'style.strokePercent' from 0 to 1, the shape won't be drawn completely using SVG renderer.

This problem can be reproduced. You can reference https://codesandbox.io/s/condescending-mclaren-qrhdx?file=/src/App.js . If you click 'Restart Stroke Percent Animation' a few times, you'll see different results.

PR updates this library to use the latest version of tslib (2.4.0) which was released back in April. An alternative change would be change this from a hard dependency version to a version constraint (^2.3.0). I am mainly looking to avoid having two copies of tslib in my dependency tree (2.3.0 from here and echarts, and 2.4.0 from other dependencies).

fixed: #17638

usage:

When we want to dispatch an event. For example, a Wheel event.

step 1 Capture a wheel event and create a new wheel event base that event.

const event = new WheelEvent('wheel', e); // e is that wheel event that we captured.

step 2 Set the dispatchedOffsetX and dispatchedOffsetY attributes of the event.

event.dispatchedOffsetX = e.offsetX;
event.dispatchedOffsetY = e.offsetY;

step 3 PreventDefault and trigger/dispatch the event on Zrender.

e.preventDefault();
chart.getZr().handler.proxy.dom.dispatchEvent(event); // I just use the Echarts instance for example.

我想实现拖动下面的时间轴，上面的放开跟着实时移动，目前使用

      this.circle2.animateTo(
        {
          shape: {
            x: this.circle2x + data,
            y: 100,
          },
        },
        function() {
          // done
        }
      );

发现一直会有延时的效果，上面的移动不能实时跟随下面的时间的拖动更新位置，请问有什么方法实现吗

In this version, the resume method is called to restore the animation, and the method fails. It seems that there are some problems with the step method.

Animation.prototype._startLoop = function () { var self = this; this._running = true; function step() { if (self._running) { requestAnimationFrame$1(step); !self._paused && self.update(); } } requestAnimationFrame$1(step); };