HTML 画布 - 调整大小时绘图消失

Here is the link to sample code https://gist.github.com/2983915推荐答案调整大小时需要重新绘制场景.You need to redraw the scene when you resize.设置画布的宽度或高度，即使您将其设置为与之前相同的值，不仅会清除画布，还会重置整个画布上下文.任何设置的属性(fillStyle、lineWidth、剪切区域等)也将被重置.setting the width or height of a canvas, even if you are setting it to the same value as before, not only clears the canvas but resets the entire canvas context. Any set properties (fillStyle, lineWidth, the clipping region, etc) will also be reset.如果您无法从表示画布的任何数据结构中重新绘制场景，您始终可以通过将整个画布绘制到内存画布、设置原始宽度并进行绘制来保存整个画布本身将内存画布恢复到原始画布.If you do not have the ability to redraw the scene from whatever data structures you might have representing the canvas, you can always save the entire canvas itself by drawing it to an in-memory canvas, setting the original width, and drawing the in-memory canvas back to the original canvas.这是保存画布位图并在调整大小后将其放回的非常快速的示例:Here's a really quick example of saving the canvas bitmap and putting it back after a resize:http://jsfiddle.net/simonsarris/weMbr/ 这篇关于HTML 画布 - 调整大小时绘图消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 上岸，阿里云！