Chrome Canary 中非常小的对象上的 CSS border-radius

Question

如何在 Chrome Canary 中的非常小的对象上实现 CSS border-radius？

这条 3px 高的线和 2px 的边界半径放大到 600% 显示没有太多事情发生:

在常规的 Google Chrome、Firefox 等中运行良好。

div {
  height: 3px;
  width: 30px;
  background-color: blue;
  position: absolute;
  top: 15px;
  left: 15px;
  border-radius: 15px;
}

<div></div>

Answer 1

在 3px 时，每个 Angular 只能切掉 1 个像素来创建任何效果。在 Chrome 中放大 400% 会显示圆 Angular :