javascript - uniScaleTransform 属性不起作用?

标签 javascript canvas html5-canvas fabricjs

我不想在 Angular 点处均匀缩放,所以我在启动时将 uniScaleTransform 属性添加为 true 但它不起作用,仍然均匀缩放。我使用的是 Fabric js 版本 1.6.3,下面是代码,

<!-- fabric js code-->

var canvas = new fabric.Canvas('canvas', {
        uniScaleTransform : true
    });

最佳答案

我在下面添加了一个工作示例,看起来效果很好。如果您看到不同的结果,请发布一段演示问题的工作代码片段。

var canvas = new fabric.Canvas('c', { uniScaleTransform : true, preserveObjectStacking:true });

canvas.add(new fabric.Rect({ 
  left: 100, 
  top: 100, 
  width: 50, 
  height: 50, 
  fill: '#faa', 
  originX: 'left', 
  originY: 'top',
  centeredRotation: true
}));

canvas.add(new fabric.Circle({ 
  left: 300, 
  top: 300, 
  radius: 50, 
  fill: '#9f9', 
  originX: 'left', 
  originY: 'top',
  centeredRotation: true
}));
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.3/fabric.min.js"></script>
<canvas id="c" width="600" height="600"></canvas>

关于javascript - uniScaleTransform 属性不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40150072/

相关文章:

javascript - 类型错误 : cyclic object value in React

javascript - 使用 JQUERY 拆分 JSON 数据

javascript - 使用纹理图集和 EaselJs

javascript - 在 Canvas 圈内单击时打开弹出窗口

javascript - 我可以使用 vh 和 vw 指定 Canvas 尺寸吗?

javascript - 网页抓取 : finding all contents when specific part of HTML is changing repeatedly

javascript - 如何检索 Firebase 文档中的所有字段到 map 或 key : Value pair

html - 将内容放在 iframe 上?

javascript - 使用 Fabricjs 将文本反转 360 度

javascript - 带按钮的 HTML5 干净 Canvas