当用CSS修改canvas的width和height后,canvas的大小发生变化,还会影响绘图环境context的大小。
举一反三
- 通过在canvas标签中设置width和height属性,则canvas元素本身的大小和drawing surface的大小均与该设定值一致。
- HTML5画布API中创建一个宽度为200px、高度为50px的画布,以下哪句代码正确?( )。 A: <;canvas id=”myCanvas” w=”200” h=”50”>;<;/canvas>; B: <;canvas id=”myCanvas” w=”200px” h=”50px”>;<;/canvas>; C: <;canvas id=”myCanvas” width=”200” height=”50”>;<;/canvas>; D: <;canvas id=”myCanvas” width=”200px” height=”50px”>;<;/canvas>;
- width和height是<canvas>标签的两个原生属性
- 画布(如下代码)创建后,怎样获取? [canvas id="myCanvas" width="200" height="100"] </canvas A: var canvas=document.getElementById('myCanvas'); B: var canvas=document.getElementsByName('myCanvas'); C: var canvas=document.getElementsById('myCanvas'); D: var canvas=document.getElementById('mycanvas');
- JS 文件通过哪个命令获取canvas对象? A: getWebGLContext(canvas) B: document.getElementById("example") C: canvas.getContext(2d) D: <canvas id="webgl" width="400" height="400"></canvas>