javascript - 在画布中绘制图像并为所有图像应用不同的过渡

Question

需要在画布中绘制图像并将不同的 CSS 属性应用于排序 Word 中的图像，以寻找提示如何在画布中绘制后获取每个图像元素。不想使用任何库，如 kineticJS 或 _easelJs 等。

Answer 1

您不能直接在画布内绘制的元素上使用 CSS 属性。您必须将它们添加到 DOM 或使用画布转换来重新创建您想要的效果。

有关画布转换的更多信息：https ://developer.mozilla.org/en-US/docs/Web/HTML/Canvas/Tutorial/Transformations