javascript - HTML5 如何让 canvas 不拉伸(stretch)页面?

标签 javascript html css canvas stretch

我已经学习了如何在 HTML5 中使用 Canvas ,但我有一个问题。

有没有办法让 Canvas 不拉伸(stretch)页面上的其他元素?例如我有一些文本,如果我放一个 500px 宽的 Canvas ,文本被发送到右边为 Canvas 腾出空间,有没有办法将 Canvas 放在文本下面或者只是让它不拉伸(stretch)其他元素在页面中,或者只是有一种技术用于以某种方式适本地定位 Canvas ,以便它恰好位于您想要的位置?

感谢您的帮助。

最佳答案

就像对待 div 一样对待 Canvas 。您调整/定位 div 的方式,您可以对 Canvas 执行相同的操作。如果您在调整 Canvas 时遇到具体问题,请发布您正在使用的代码。

编辑:另外,如果您使用 CSS 设置 Canvas 高度/宽度,请小心,因为它只会更改元素大小,不会更改绘图表面大小。要确保元素和绘图表面的大小都发生变化,请使用宽度和高度属性。

关于javascript - HTML5 如何让 canvas 不拉伸(stretch)页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14900644/

相关文章:

javascript - JQuery - 为什么 JQuery 动画是同步的?

html - 我如何在 AngularJS 中对值进行排序?

javascript - 如何改变HTML5 Canvas 画板的高度?

css - 如何使用 Brackets 编译 LESS 代码?

html - 绝对定位元素不显示在溢出父级内

javascript - 如何在光标处添加字符?

javascript - 使用路由文件中的 Express 和访问模块组织 Node 应用程序

html - 为什么文字装饰: none is not working inside HTML <ins> element

jquery - 我们究竟应该如何将这 3 个片段部分组合到一个 html 文件中

javascript - 全屏图像背景Bootstrap轮播拒绝显示