小编Bru*_*hen的帖子

选择边框不正确,而画布的缩放值不是 1

版本 2.3.6

重现步骤:

  1. 点击“全选”,选择就可以了。
  2. 接下来单击“将缩放设置为 1.5”,
  3. 然后点击“全选”,

结果:选择边框现在不正确。

$(document).ready(function() {
  var canvas = new fabric.Canvas('canvas');
  canvas.add(new fabric.Rect({
    left: 50,
    top: 50,
    width: 75,
    height: 50,
    fill: 'green',
    stroke: 'black',
    strokeWidth: 3,
    padding: 10
  }));

  canvas.add(new fabric.Circle({
    left: 120,
    top: 120,
    radius: 30,
    fill: 'gray',
    stroke: 'black',
    strokeWidth: 3
  }));


  $("#select-all").click(function() {
    canvas.discardActiveObject();
    var elements = canvas.getObjects();
    var selection = new fabric.ActiveSelection(elements);
    canvas.setActiveObject(selection);
    canvas.requestRenderAll();
  });

  $("#set-zoom-15").click(function() {
    canvas.setZoom(1.2);
  });
  $("#set-zoom-10").click(function() {
    canvas.setZoom(1.0);
  });
  canvas.renderAll();
});
Run Code Online (Sandbox Code Playgroud)
canvas {
  border: 1px solid …
Run Code Online (Sandbox Code Playgroud)

javascript canvas fabricjs

5
推荐指数
1
解决办法
139
查看次数

标签 统计

canvas ×1

fabricjs ×1

javascript ×1