javascript - 使用 Canvas 将图像切成 div 元素？

Question

我加载一张图片，然后使用 Canvas 将其裁剪成单独的正方形。如何将裁剪后的选区(绘制在 Canvas 上)分配到单独的 div 元素中？我知道我可以创建多个 Canvas 并将它们插入多个 div 中，但这会损害性能。有什么方法可以将 Canvas 转换为图像对象或类似的东西？

Answer 1

您是否尝试过使用 canvas.toDataURL()将 Canvas 的图像设置为 background-image你的<div>是吗？

如果可行，您应该能够将 Canvas 的图像用作 CSS Sprite 。