bindingx-web-polyfill/demo/pinch.js

The web polyfill for BindingX.

'use strict';

import {parse} from 'bindingx-parser';
import bindingx from '../src/';

let x = 0;
let y = 0;

const block = document.getElementById('block');
const consoleElement = document.getElementById('console');

block.addEventListener('touchstart', (ev) => {


  bindingx.bind({
    anchor: block,
    eventType: 'rotation',
    props: [
      {
        element: block,
        property: 'transform.rotateZ',
        expression: {
          origin: `r+0`,
          transformed: parse(`r+0`)
        }
      }
    ]
  }, (e) => {

  });


  // bindingx.bind({
  //   anchor: block,
  //   eventType: 'pinch',
  //   props: [
  //     {
  //       element: block,
  //       property: 'transform.scaleX',
  //       expression: {
  //         origin: `s+0`,
  //         transformed: parse(`s+0`)
  //       }
  //     },
  //     {
  //       element: block,
  //       property: 'transform.scaleY',
  //       expression: {
  //         origin: `s+0`,
  //         transformed: parse(`s+0`)
  //       }
  //     }
  //   ]
  // }, (e) => {
  // });


});