Bootstrap 3模糊了我的画布

我正在开发一个使用画布绘制组织图的Web应用程序，并且我已经使用bootstrap 2.3没有问题。几天前，我升级到引导程序3，现在我在画布上看到一个模糊。让图片说话：Bootstrap 3模糊了我的画布

With Bootstrap 3 < - 自举3

Without Bootstrap 3 < - 如果没有引导3

我真的不想降级，因为它是不平凡的。因为我喜欢新版本，但是我怎么知道问题出在哪里？有没有办法告诉应用于画布元素的CSS？他们在后台由第三方编译的js库管理。

谢谢！

来源

2013-08-29 aldo.roman.nurena

检查画布的宽度和高度。这是你期望的吗？ –

我在第一时间做到了，没有修改高度或宽度。实际上，图库提供了一个diagram.redraw（）方法，可以将画布调整为新尺寸，但并未解决此问题，因此宽度和高度不是问题。 –

您可以检查画布属性className，看是否有类设置：

var canvas = document.getElementById('myCanvas); 

if (canvas.className.length > 0) alert('CSS class set');

，或者你可以请求属性，并比较它们（像这样）：

var w = canvas.style.getPropertyValue('width')||0, 
    h = canvas.style.getPropertyValue('height')||0; 

if (w > 0 && w !== canvas.width) canvas.width = w; 
if (h > 0 && h !== canvas.height) canvas.height = h;

CSS会如果插值处于活动状态，则会影响画布（默认值），并且CSS尺寸与画布的实际尺寸不同 - 就像处理图像一样。

因此，也许有一些盒子尺寸会随着引导活动结合填充/边框或其他一些影响尺寸的其他样式进行，从而激活插值/子像素。

来源

2013-08-29 22:49:34 K3N

我对插值没有把握，因为自启动2.3以来我没有改变过任何东西。由于您在以前的帖子中发表了评论，我找到了答案。 –

由于在评论我看着CSS属性和通知箱尺寸应用为边界框任何标记与引导3.

我改变了它，现在在画布上是完全@肯abdias软件渲染。

canvas{ 
    box-sizing: content-box; 
}

来源

2013-08-29 22:54:35

其实我在提问中特别提到了盒子大小:)请考虑加入投票/接受。 – K3N

是的，你也提到过我以前的评论，而且我从那个哈哈那里得到启发我怎么能忘记它。我upvoted！ –

为什么这是downvoted？我详细说明了解决问题的确切代码：/ –

Bootstrap 3模糊了我的画布

回答

相关问题