位于css不同宽度处的Html画布

位于css不同宽度处的Html画布,html,css,canvas,attributes,settings,Html,Css,Canvas,Attributes,Settings,当我点击应用程序的按钮来生成画布时,它设置的大小与正确的CSS样式不同。有人知道他们能做什么,能帮什么忙吗 查看代码的图像,我可以看到画布的属性宽度设置与CSS样式设置不同 这两者的含义并不完全相同(正如您所发现的) 以下是来自以下方面的建议: 使用CSS与HTML调整画布大小 可以使用CSS更改画布的显示大小,但是如果 执行此操作时,将在渲染期间缩放图像以适合样式大小, 这会使最终的图形渲染最终失真 最好通过设置宽度来指定画布尺寸 和直接在元素上的高度属性 直接在HTML中或使用JavaScr

当我点击应用程序的按钮来生成画布时,它设置的大小与正确的CSS样式不同。有人知道他们能做什么,能帮什么忙吗


查看代码的图像,我可以看到画布的属性宽度设置与CSS样式设置不同

这两者的含义并不完全相同(正如您所发现的)

以下是来自以下方面的建议:

使用CSS与HTML调整画布大小

可以使用CSS更改画布的显示大小,但是如果 执行此操作时,将在渲染期间缩放图像以适合样式大小, 这会使最终的图形渲染最终失真

最好通过设置宽度来指定画布尺寸 和直接在元素上的高度属性 直接在HTML中或使用JavaScript


您的代码在哪里?是的,请为按钮添加HTML和JavaScript。您好,欢迎使用Stackoverflow。我可以在你提供的图片中看到你的代码(并且已经给出了一个基于此的答案),但是这样做是最好的,如果你能在实际问题中提供一段代码,那么你会从那些可以帮助你的人那里得到更多的兴趣,这样我们就可以试着找到更好的答案。此[链接]下次应该会对您有所帮助。