canvas width="250" height="25

[单选题]

<canvas width="250" height="250"></canvas>，有个矩形长20px，高10px，css中width:250px，height:500px; 请问这个矩形渲染出来的面际是多少？

查看答案及解析

Olivia_dtt

canvas里面的宽高比为1:1 css里面的宽高比为1：2，因此画板宽高1:1 画纸宽高1:2，画板高度不够，这时候高度就需要拉伸，增加一倍，所以矩形的高度会变成20px

发表于 2020-04-06 20:37:05 回复(0)

夏花爱秋叶

由于canvas元素的属性width,height设置了，而css中设置的宽高分别是1:1，2:1，所以canvas实际渲染的大小应该是20px,10*2px，也就是20*20=400

发表于 2020-03-01 16:13:10 回复(0)

Hedroins

css设置的width和height比html属性的优先级高，此时canvas元素的宽度是250px,高度是500px。宽高比是1:2 。所以矩形高度一个逻辑像素是用两个物理像素来表现的，矩形面积，20*10*2 = 400px

编辑于 2023-12-11 23:17:43 回复(0)

提交观点

问题信息

前端工程师网易 2020

上传者：小小

难度：

3条回答 65收藏 989浏览

扫一扫，把题目装进口袋