18910140161

JavaScript-如何将html画布转换为图像,然后将该画布绘制到画布堆栈溢出

顺晟科技

2022-10-19 13:25:36

107

我目前正在开发一个html画布javascript游戏,它即将完成,但我想扩大画布的规模,这样整个游戏就会更大。我尝试使用类似

的方法

但是使用这种方法我不能增加图像的大小。最好的方法是什么?


顺晟科技:

有多种方法可以实现这一点,我试验的两种方法是使用两个单独的画布,putImageData有点奇怪,不能很好地放大,我建议使用一个单独的画布,大小与放大版本相同,然后使用ctx.drawimage在放大版本上绘制第一个画布:

另一种方法是放大上下文,然后在0,0处绘制图像,不指定宽度或高度:

还有一个选择是使用css scale()标记,但这会干扰鼠标单击,而且真的很烦人,所以我不会这么做。请记住,所有放大画布的方法(除非放大坐标和重新绘制)都将导致模糊。

希望这能有所帮助:D

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航