素肌にサスペンダー

個人的な備忘と日記

【fabric.js】スマホのピンチ操作を有効にする方法

npmで、普通のfabric.jsを利用していた。

www.npmjs.com

その場合、ピンチイン・ピンチアウトで、選択したオブジェクトの拡大・縮小ができなかった。

fabric-with-gesturesをインストールすれば、使えた。

www.npmjs.com

TypeScriptの場合、npm install --save-dev @types/fabric-with-gesturesをしても無いので、tsconfig.jsonに以下を追記する。

    "paths": { 
      "fabric-with-gestures": ["node_modules/@types/fabric"]
    }

他にも、カスタムしたfabric.jsを利用したい場合は、以下からダウンロードできる。

fabricjs.com