css不能指定分辨率?

来源:2-1 创建canvas

慕粉4385650

2017-03-13 11:31

为什么内联方式可以指定canvas画布的分辨率,而css文件不可以呢

写回答 关注

3回答

  • qq_依云弄影_0
    2018-08-03 13:19:34

    <canvas> 看起来和 <img> 元素很相像,唯一的不同就是它并没有 src 和 alt 属性。实际上,<canvas>
    标签只有两个属性—— width和height。这些都是可选的,并且同样利用 DOM properties
    来设置。当没有设置宽度和高度的时候,canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小,但在绘制时图像会伸缩以适应它的框架尺寸:如果CSS的尺寸与初始画布的比例不一致,它会出现扭曲。

    注意: 如果你绘制出来的图像是扭曲的, 尝试在<canvas>的属性中明确规定宽和高,而不是使用CSS。

            使用css设置画布的大小会导致画布按比例缩放你设置的值。(css只是设置canvas在屏幕的显示大小)

  • 慕粉4385650
    2017-03-14 14:54:28

    我知道讲过,老师说css文件只能设置大小不能指定画布分辨率,但是内联样式的话就可以 我想知道这里面的具体区别是怎么工作的 

  • qq_不要放弃_0
    2017-03-14 14:29:35

    首先,css样式是可以指定canvas画布的大小的,但是和实际大小有一定的区别差异,故w3c官方推荐的是用标签属性规定大小.这在课程前面就讲到过.同学可以倒回去看下。

    慕粉4385... 回复qq_不要放...

    说是这块的分辨率是画布内里的显示的图画的分辨率的大小 老师是这样说的 。。。在1:50左右的时候 可以听到 这也是我不明白的地方

    2017-03-14 17:19:48

    共 3 条回复 >

炫丽的倒计时效果Canvas绘图与动画基础

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

96746 学习 · 1000 问题

查看课程

相似问题