重新调整画布大小，但不减少其宽度和高度（坐标）
我在画布上画了一幅画，并根据用户的鼠标点击绘制了一些点。我使用了数学计算，以便在用户悬停作为工具提示时在图片中显示一些面板名称。我使用画布坐标和比例百分比。我的问题是，当我将窗口重新调整为更小的窗口（我使用了Mozilla响应模式移动设备）时，它给出了错误的坐标。
在移动窗口模式下，画布的实际大小为-460550，大约为250350
我用了以下风格
#splatExteriorImage {
background-image: url(../images/SPLAT1.jpg);
background-size: cover;
z-index: 0;
background-color: #F5F5F5;
}
如何在不减少画布坐标的情况下重新调整画布的大小。提前谢谢，
共有1个答案
画布渲染表面的尺寸与画布标签的尺寸无关。
例如：
您可以独立于CSS中的高度更改绘图表面的宽度和高度。
要具体更改渲染表面的高度，请使用
设置属性（“高度”、“500”）；
-
我已经开始为绘制温度数据编程这个应用程序，当屏幕调整大小时，画布也应该调整大小。它初始化正确，但当我想调整窗口大小时，draw（）方法只会根据它绑定的stackpanes高度值调整高度大小，但它将完全忽略宽度。听者甚至不会开火。这我觉得很奇怪。此外，我必须为StackPane设置最小大小，否则将不会绘制任何东西。我没有使用FXML。 编辑我将第58行从setRight（）更改为setCenter，
-
问题内容： 是否可以固定HTML5 元素的宽度和高度？ 通常的方法如下： 问题答案： 的DOM元素具有和对应的属性的和属性。在JavaScript代码中将它们设置为数值，以调整画布的大小。例如： 请注意，这将清除画布，但是您应该遵循此操作来处理那些不能完全清除画布的浏览器。尺寸更改后，您需要重绘要显示的所有内容。 进一步注意的是，高度和宽度是用于绘制逻辑帆布尺寸和是 不同的 距离和CSS属性。如果
-
问题内容： 我正在尝试创建一个画布元素，该元素占用视口宽度和高度的100％。 您可以在我的示例中看到这种情况的发生，但是它正在Chrome和FireFox中添加滚动条。如何防止多余的滚动条，仅将窗口的宽度和高度精确设置为画布的大小？ 问题答案： 为了始终使画布全屏显示宽度和高度，这意味着即使调整了浏览器的大小，也需要在将画布调整为window.innerHeight和window.innerWid
-
问题内容： 我有一个UILabel，一个UIView在情节提要中并排包含其他子视图。UIView应该紧靠UILabel的右边缘（跟踪约束为1），但我还需要UIlabel（左侧的UIlabel）将其宽度设置为等于其内容大小，除非它达到最大宽度。视觉上： |标签文字| | UIViewWithSubviews | 我需要以下约束： 1）标签应明智地调整宽度大小，除非达到最大大小，并且高度也是动态的，这
-
问题内容： 我需要一个解决方案 自动调节 的和一个勉强适合其内容。关键是加载后可以更改宽度和高度。我想我需要一个事件操作来处理iframe中包含的主体尺寸的变化。 问题答案：
-
问题内容： 我有这个设置： HTML ： CSS ： 通过此设置，它可以在iPhone上运行，但不能在浏览器中运行。 是因为我已经在meta中，也许已经在？ 问题答案： 我发现最好的方法是为较旧的浏览器编写默认CSS，因为较旧的浏览器包括5.5、6、7和8。无法读取@media。当我使用@media时，我会这样使用： 但是，您可以使用@media进行任何操作，这只是为所有浏览器构建样式时最适合我的