Question

我有一个画布，我使用fabric.js设置为freedraw模式。我想在一个单独的选项卡（jQuery UI选项卡）中显示此画布。我的问题是，当我尝试绘制时，我的光标位于点的左上角，我尝试在画布上绘制。

当我不使用制表符时，光标和点的情况不会发生。

有人知道，这是什么以及如何治愈它？

不幸的是，我没有设法复制jsfiddle中的情况，因为我已经理解，没有jquery-ui，我不能同时使用两个框架。

一般来说，代码如下：

＆＃13;

$("#mainWindow").tabs();
var r_draw;
var r = function() {
  r_draw = new fabric.Canvas('cC', {
    isDrawingMode: true
  });
  r_draw.freeDrawingBrush.color = "#005e7a";
  r_draw.freeDrawingBrush.width = 5;
  r_draw.freeDrawingBrush.shadowColor = "#ff0000";
  r_draw.freeDrawingBrush.shadowWidth = 8;
  r_draw.freeDrawingBrush.shadowWidth = 12;
};
r();

＆＃13;

.info {
  border: 4px double rgba(0, 0, 0, 0.29);
  border-radius: 10px;
  -webkit-box-shadow: 7px 7px 17px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 7px 7px 17px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 7px 7px 17px 2px rgba(0, 0, 0, 0.75);
}

＆＃13;

<div id='mainWindow'>
  <ul>
    <li><a href="#tabA">A</a>
    </li>
    <li><a href="#tabB">B</a>
    </li>
    <li><a href="#tabC">C</a>
    </li>
  </ul>
  <div id="tabA">//some stuff A</div>
  <div id="tabB">//some stuff B</div>
  <div id='tabC'>
    <canvas id='cC' class="info" width="200" height="200"></canvas>
    <br />
    <button id='bC'>Button4C</button>
    <br />
  </div>
</div>

＆＃13;

画布中光标位置的问题，包含在jquery选项卡中

0 个答案: