player/js/utils/shapes/DashProperty.js

function DashProperty(elem, data, renderer, container) {
  this.elem = elem;
  this.frameId = -1;
  this.dataProps = createSizedArray(data.length);
  this.renderer = renderer;
  this.k = false;
  this.dashStr = '';
  this.dashArray = createTypedArray('float32',  data.length ? data.length - 1 : 0);
  this.dashoffset = createTypedArray('float32',  1);
  this.initDynamicPropertyContainer(container);
  var i, len = data.length || 0, prop;
  for(i = 0; i < len; i += 1) {
    prop = PropertyFactory.getProp(elem, data[i].v, 0, 0, this);
    this.k = prop.k || this.k;
    this.dataProps[i] = {n:data[i].n, p:prop};
  }
  if(!this.k) {
    this.getValue(true);
  }
  this._isAnimated = this.k;
}

DashProperty.prototype.getValue = function (forceRender) {
  if(this.elem.globalData.frameId === this.frameId && !forceRender) {
    return;
  }
  this.frameId = this.elem.globalData.frameId;
  this.iterateDynamicProperties();
  this._mdf = this._mdf || forceRender;
  if (this._mdf) {
    var i = 0, len = this.dataProps.length;
    if(this.renderer === 'svg') {
      this.dashStr = '';
    }
    for(i=0;i<len;i+=1) {
      if(this.dataProps[i].n != 'o') {
        if(this.renderer === 'svg') {
          this.dashStr += ' ' + this.dataProps[i].p.v;
        }else{
          this.dashArray[i] = this.dataProps[i].p.v;
        }
      }else{
        this.dashoffset[0] = this.dataProps[i].p.v;
      }
    }
  }
};
extendPrototype([DynamicPropertyContainer], DashProperty);