如何限制织物js中的pan的边界？

Question

如何限制面料js中的平移边界？

我编写了以下代码来限制我的画布，但它只是不起作用。我希望它能够记住它在画布之外移动了多少，这样即使你的指针离开画布后，你也必须向后移动相同的数量才能再次开始拖动。目前，在指针移出画布后，图像将粘贴它。我无法理解我做错了什么。有人能帮助我吗？

更新 以下解决方案似乎适用于缩放1x。还需要弄清楚如何在缩放后解决它。但它太冗长了。有一个更好的方法吗？ https://jsfiddle.net/yxchng/0hL2khro/356/

var mixedChart = new Chart(ctx, {
type: 'bar',
data: {
datasets: [{
      label: 'Bar Dataset',
      data: [10, 20, 30, 40]
    }, {
      label: 'Line Dataset',
      for(var i=0;i<4;i++){
      data: [50],
      }
      // Changes this dataset to become a line
      type: 'line'
    }],
 labels: ['January', 'February', 'March', 'April']
 },
 options: options
 });