当前位置: 首页 > 面试题库 >

通过CSS的HTML5 Canvas大小与元素属性

钱锦
2023-03-14
问题内容

我不明白为什么以下代码段会产生不同的结果,因为CSS会在画布放大时缩放画布,

<style>
#canvas {
    width: 800px;
    height: 600px;
}
</style>
<canvas id="canvas"></canvas>

与这种方法相反(按预期工作):

<canvas id="canvas" width="800px" height="600px"></canvas>

问题答案:

canvas元素的固有尺寸等于坐标空间的大小,其数字以CSS像素表示。但是,可以通过样式表任意设置元素的大小。
在渲染期间,将图像缩放以适合此布局大小



 类似资料:
  • 为了增强用户体验,CSS3 中新增了一个非常实用的 resize 属性,该属性允许用户通过拖动的方式来自由缩放元素的尺寸,在此之前要实现类似的效果还需要借助大量的 JavaScript 代码。resize 属性的语法格式如下: resize: none|both|horizontal|vertical; 语法说明如下: none:用户无法调整元素的尺寸; both:用户可调整元素的高度和宽度; h

  • 我有一个名为MyPanel extend JPanel的类,使用GridLayout。每个单元格都包含一个小部件(一个JComboBox、JTextField、JLabel)。 我的主要类extend JFrame使用GridBagLayout。当我将MyPanel添加到其中时,它会占用大量空间(所有窗口都在我的桌面空间外水平移动)。我该怎么修?这是我的主类的构造函数 MyPanel构造函数

  • 问题内容: 和其他几个,但是没有什么不是我想要的。我想要的是将某些内容缩放到其大小的50%(当然,还要进行动画效果的过渡),然后将页面布局重新调整为该元素的新(可视)大小。默认情况下似乎发生的是该元素仍保留其在布局结构中的原始大小,并且仅通过关联的转换进行绘制。 基本上,我希望用户单击一个文本块(或其他内容),然后将该文本缩放到其大小的50%(或任何其他大小),并将其粘贴在下面的面板中以表明已被选

  • 问题内容: 是否有一种简单而直接的方法来根据元素的属性选择元素?例如,选择具有命名的数据属性的所有锚,其具有的价值。 我有点不愿意使用或其他属性来存储此类信息,但是我发现根据存储在其中的数据来选择元素要困难得多。 问题答案: $(‘*[data-customerID=”22”]’); 您应该可以省略,但是如果我没有记错的话,这取决于您使用的是哪个jQuery版本,这可能会导致错误的结果。 请注意,

  • 问题内容: 我找不到在新创建的dom元素上使用css过渡的方法。 假设我有一个空的html文档。 我也有这个CSS 和这个js 但是,正如您在http://jsfiddle.net/gwxkW/1/上看到的那样,单击该元素会立即显示。 如果我尝试在a中设置类,我 通常会 找到结果,但是对我来说,这似乎更像是javascript和CSS引擎之间的竞赛。有没有要听的特定事件?我尝试使用,但无法正常工作

  • 本节介绍的属性和方法并不属于“DOM2 级样式”规范,但却与HTML 元素的样式息息相关。DOM中没有规定如何确定页面中元素的大小。IE 为此率先引入了一些属性,以便开发人员使用。目前,所有主要的浏览器都已经支持这些属性。 1. 偏移量首先要介绍的属性涉及偏移量(offset dimension),包括元素在屏幕上占用的所有可见的空间。元素的可见大小由其高度、宽度决定,包括所有内边距、滚动条和边框