Javascript 为什么带KineticJS的镀铬边框框3px太长?

Javascript 为什么带KineticJS的镀铬边框框3px太长?,javascript,canvas,kineticjs,Javascript,Canvas,Kineticjs,当某物在Google Chrome中有一个tabindex时,它会在其周围放置一个框来显示它已被选中。然而,对于KineticJS,在Chrome中,边框框似乎太长了3倍,看起来很难看 如果给动力学级一个100px的高度和100px的包含div,Chrome认为包含div是103px的高 这可以在这里看到: HTML: JavaScript: var stage1 = new Kinetic.Stage({ container: 'project1', width: '500',

当某物在Google Chrome中有一个tabindex时,它会在其周围放置一个框来显示它已被选中。然而,对于KineticJS,在Chrome中,边框框似乎太长了3倍,看起来很难看

如果给动力学级一个100px的高度和100px的包含div,Chrome认为包含div是103px的高

这可以在这里看到:

HTML:

JavaScript:

var stage1 = new Kinetic.Stage({
    container: 'project1',
    width: '500',
    height: '100'
});

似乎是由于动力阶段元素与其容器高度相同,并且显示为内联块造成的

拥有css:

.kineticjs-content {
  display: block !important;
}
将修复此问题,但我不知道这是否会导致您与从未使用过它的动力学库发生任何问题

var stage1 = new Kinetic.Stage({
    container: 'project1',
    width: '500',
    height: '100'
});
.kineticjs-content {
  display: block !important;
}