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

标签 javascript html animation css

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

最佳答案

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

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

关于javascript - 使用 Canvas 将图像切成 div 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11805153/

相关文章:

css - css3 background-image 中可以添加多少张图片?

android - Android中的多个动画

javascript - 在没有 jquery 的情况下在 DOM 上运行 D3 代码

javascript - JavaScript 中的闭包并运行一次函数

javascript - [Vue 警告] : Error in render: "TypeError: _vm.activity.activity is undefined"

javascript - 如果条件检查数独游戏的行和列,是否有任何其他方法可以最小化我的 Javascript long ?

java - 将 HTML 转换为图像(通过自动调整大小的 JEditorPane)

javascript - 代码会随着时间降低浏览器性能

javascript - fancytree 拖放节点恢复到原来的位置

javascript - 是否可以使用 React 在 img src 更改上应用 Spring 动画?