javascript - 通过使用带有 CSS 的图像显示背景网格

Question

UPDATED DEMO工作得很好，除了当我改变时背景图像正在调整大小:

background-size: 20px 20px;

是否可以保持原图大小，让背景图重叠(隐藏图片超出左上框(20px 20px)的部分)？

B 计划是在设置的 base64 图像内容中用 JS 裁剪图像...

Answer 1

使用只有左边框和上边框的 svg 图像可能就是您要找的东西？检查片段，或这个 jsfiddle ( fiddle 包含放大/缩小网格的按钮):

body{
  background: url('http://testbed.nicon.nl/img/_FBs3b.svg') repeat;
  background-size: 20px 20px;
}