How to use the transformation-matrix.toSVG function in transformation-matrix

To help you get started, we’ve selected a few transformation-matrix examples, based on popular ways it is used in public projects.

github swimlane / ngx-graph / projects / swimlane / ngx-graph / src / lib / graph / graph.component.ts View on Github external
updateTransform(): void {
    this.transform = toSVG(smoothMatrix(this.transformationMatrix, 100));
  }
github ShaMan123 / react-native-math-view / src / mathjax / MathjaxAdaptor.ts View on Github external
const collection = TreeWalker.walkDown<LiteElement>(clone, (n, l) => {
            if (l === 0) return _.set(n, pathToTempAttr, _.get(n, pathToAttr, ''));
            const mat = compose(transformationToMatrix(n.parent, tempKey), transformationToMatrix(n));
            const accTransformAttr = matrixUtil.toSVG(mat);
            return _.set(n, pathToTempAttr, accTransformAttr);
        });
github swimlane / ngx-graph / release / graph / graph.component.js View on Github external
function () {
        this.transform = toSVG(this.transformationMatrix);
    };
    /**
github chrvadala / react-svg-pan-zoom / es / viewer.js View on Github external
var nextValue = _onTouchCancel(event, _this3.ViewerDOM, _this3.getTool(), _this3.getValue(), _this3.props);
              if (_this3.getValue() !== nextValue) _this3.setValue(nextValue);
              _this3.handleViewerEvent(event);
            } },
          React.createElement('rect', {
            fill: props.background,
            x: 0,
            y: 0,
            width: value.viewerWidth,
            height: value.viewerHeight,
            style: { pointerEvents: "none" }
          }),
          React.createElement(
            'g',
            {
              transform: toSVG(value),
              style: blockChildEvents ? { pointerEvents: "none" } : {} },
            React.createElement('rect', {
              fill: this.props.SVGBackground,
              x: 0,
              y: 0,
              width: value.SVGWidth,
              height: value.SVGHeight }),
            React.createElement(
              'g',
              null,
              props.children.props.children
            )
          ),
          React.createElement(
            If,
            { condition: tool === TOOL_NONE && props.detectAutoPan && value.focus },
github chrvadala / react-svg-pan-zoom / src / viewer.js View on Github external
let nextValue = onTouchCancel(event, this.ViewerDOM, this.getTool(), this.getValue(), this.props);
            if (this.getValue() !== nextValue) this.setValue(nextValue);
            this.handleViewerEvent(event);
          }}>

          <rect
            fill={props.background}
            x={0}
            y={0}
            width={value.viewerWidth}
            height={value.viewerHeight}
            style={{pointerEvents: "none"}}
          />

          <g
            transform={toSVG(value)}
            style={blockChildEvents ? {pointerEvents: "none"} : {}}>
            <rect
              fill={this.props.SVGBackground}
              style={this.props.SVGStyle}
              x={value.SVGMinX || 0}
              y={value.SVGMinY || 0}
              width={value.SVGWidth}
              height={value.SVGHeight}/>
            <g>
              {props.children.props.children}
            </g>
          </g>

          {!([TOOL_NONE, TOOL_AUTO].indexOf(tool) >= 0 && props.detectAutoPan && value.focus) ? null : (
            <g style={{pointerEvents: "none"}}>
              {!(pointerY <= 20) ? null :