这很简单，我想通过使用画布生成对角线图案而不是背景图像来提高页面的性能。 我应该这样做吗？为什么？
答案 0 :(得分：1)
如果您正在显示静态内容，则速度会慢一些，而且会更加迟钝。做完全不同的事情，前者用于使用JavaScript的动态图形，后者用于从URI检索的静态图像。
浏览器倾向于在HTML流式传输时优化加载IMG源：因此您将在页面完全加载之前看到图像。另一方面，Canvas将依赖于正在加载的DOM，因此（通常）在DOMContentLoaded事件触发之前不会加载。再加上创建Canvas上下文的延迟和内存要求，如果图像真的是静态的，几乎肯定不是你想要的。
如果你想对图像做一些奇特的事情，为什么不将图像加载到IMG标签中，然后在加载后将其转换为画布进行转换？