css - 外側の div がスケーリングされている場合の fabricjs のオブジェクト選択の問題

Question

私はfabricjsを使用してキャンバスにテキストと画像を追加しています.すべてのキャンバスは単一のdivに追加されています.css3変換を使用してdivをスケーリングすると、キャンバスに追加されたアイテムも同じ比率にスケーリングされます.

オブジェクトのいずれかを選択したいときに問題が発生します。ハンドラーの位置は変わりません。以下はコード スニペットです。

<div id="designUI" ng-style="transform:scale(2,2)">
    <div>
        <canvas width="100" height="100">
        </canvas>
    </div>
</div>