javascript - 台式机和移动设备上的HTML5 Canvas

Closed. This question needs to be more focused。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？更新问题，使其仅通过editing this post专注于一个问题。
                
                    4年前关闭。
            
        

    

我正在构建一个Web应用程序，用户可以使用HTML5 Canvas创建自己的图像。 （我也在使用Jcanvas）。

在桌面上，画布大小为500x500（因此，它会生成500x500像素的图像）。

在移动设备上，“画布大小”为300x300，但我仍想生成尺寸为500x500像素的图像。

现在，我不知道要怎么做！

最佳答案

画布的width和height属性定义画布中有多少逻辑像素。这与物理像素不同，即画布在屏幕上使用的像素数。您可以使用CSS进行控制。因此，您可以执行以下操作：

<canvas style="width: 300px; height: 300px" width=500 height=500> </canvas>

这样您可以在300x300的区域中显示500x500的画布