HTML5画布API中假设已有ctx表示2D画布上下文context对象,ctx.arc(100,100,80,0,Math.PI*2,true)可以绘制一个圆心在(___)坐标点、半径为 ___像素的圆形,请填空。(区分大小写)
100,100#80;
举一反三
- 利用canvas组件的上下文对象ctx在画布上进行绘制图形时,必须用下面哪一个方法才能把绘制的图形显示出来? A: ctx.stroke() B: ctx.draw() C: ctx.fillRect() D: ctx.arc()
- 对于canvas组件的上下文对象ctx,下面它哪一个方法可以绘制圆形。 A: moveTo() B: arc() C: lineTo() D: translate()
- 已知有画布组件:[canvas canvas-id='myCanvas'][/]以下哪句代码可以用于创建该画布的上下文? A: const ctx=wx.createCanvasContext() B: const ctx=wx.createCanvasContext('canvas') C: const ctx=wx.createCanvasContext('canvasId') D: const ctx=wx.createCanvasContext('canvasId')
- cxt.arc(100,100,100,0,Math.PI*2,true) Canvas绘制圆形的arc方法中,参数说明正确的是:
- HTML5 画布应用中那句语句是联系上下文的() A: var canvs= document.getElementById('cavsElem'); B: var context = canvas.getContext('2d'); C: context.stroke(); D: context.fill();
内容
- 0
画布上的任何位置皆有一特定坐标(X,Y)值,其中: • X 为坐标点距离画布左缘之距离,单位为像素。 • Y 为坐标点距离画布下缘之距离,单位为像素
- 1
使用canvas绘图时,需要定义一个用作绘图的上下文环境,_______对象,这是一个内置的HTML5对象,可用于在画布上绘制文本、线条、矩形、圆形等等。
- 2
canvas中二维绘图环境对象获取的语句是哪项?假设canvas为获取的canvas对象名。 A: var ctx=canvas.getContext("2d"); B: var canvas=document.getElementById("myCanvas"); C: var ctx=canvas.getContext("WebGL"); D: var ctx=canvas.getElementById("2d");
- 3
cxt.arc(100,100,100,0,Math.PI*2,true)canvas绘制圆形的arc方法中,参数说明正确的是()。 A: 圆半径,圆形x坐标,圆形y坐标,开始角度,结束角度,是否顺时针 B: 圆形x坐标,圆形y坐标,圆半径,开始角度,结束角度,是否顺时针 C: 圆形y坐标,圆形x坐标,圆半径,开始角度,结束角度,是否顺时针 D: 圆形x坐标,圆形y坐标,圆半径,开始角度,结束角度,是否逆时针
- 4
哪个选项是下面代码的执行结果? A: 绘制一个半径为90像素的整圆形 B: 绘制一个半径为90像素的弧形,圆心在小海龟当前行进的右侧 C: 绘制一个半径为90像素的弧形,圆心在小海龟当前行进的左侧 D: 绘制一个半径为90像素的弧形,圆心在画布正中心