更多“单选 以下代码将在id为myCanvas的canvas元素中绘制出一个()”相关的问题
第1题
以下代码将在id为myCanvas的canvas元素中绘制出一个()
点击查看答案
第2题
有这样一个canvas元素:《canvasid="myCanvas"width="200"height="100"》如果有以下代码,则对代码的说明,不正确的是()。《scripttype="text/javascript"》varc=document.getElementById("myCanvas")varcxt=c.getContext("2d");cxt.fillRect(0,0,100,50)《/script》
A.JavaScript中首先使用id来寻找canvas元素
B.HTML5通过调用canvas对象的getContext()方法来获取绘图环境
C.cxt.fillRect(0,0,100,50)语句将从原点开始分别绘制两条线段
D.canvas对象的大小为宽200px,高100px
点击查看答案
第3题
若有以下JavaScript程序,关于这段程序的说法,不正确的是() varc=document.getElementById(“myCanvas“); varcxt=c.getContext(“2d“); cxt.fillStyle=“#FF0000“; cxt.fillRect(0,0,150,75);
A.先使用canvas元素的id 来寻找 canvas 元素
B.创建一个2d的 context 对象
C.cxt.fillRect(0,0,150,75)语句绘制了一个矩形
D.cxt.fillStyle=“#FF0000“把整个画布设置为指定颜色
点击查看答案
第4题
以下代码片段的运行结果是否正确?const ctx = wx.createCanvasContext('myCanvas') ctx.setStrokeStyle('red') ctx.moveTo(5, 75) ctx.lineTo(295, 75) ctx.stroke() ctx.setFontSize(20) ctx.setTextBaseline('top') ctx.fillText('top', 5, 75) ctx.setTextBaseline('middle') ctx.fillText('middle', 50, 75) ctx.setTextBaseline('bottom') ctx.fillText('bottom', 120, 75) ctx.setTextBaseline('normal') ctx.fillText('normal', 200, 75) ctx.draw() 运行结果:
点击查看答案
第5题
以下代码片段的运行结果是否正确?const ctx = wx.createCanvasContext('myCanvas') ctx.beginPath() ctx.moveTo(10, 10) ctx.lineTo(150, 10) ctx.stroke() ctx.beginPath() ctx.setLineCap(' square ') ctx.setLineWidth(10) ctx.moveTo(10, 30) ctx.lineTo(150, 30) ctx.stroke() ctx.beginPath() ctx.setLineCap('round') ctx.setLineWidth(10) ctx.moveTo(10, 50) ctx.lineTo(150, 50) ctx.stroke() ctx.beginPath() ctx.setLineCap('butt') ctx.setLineWidth(10) ctx.moveTo(10, 70) ctx.lin
点击查看答案
第6题
以下代码片段的运行结果是否正确?() const ctx = wx.createCanvasContext('myCanvas') ctx.beginPath() ctx.moveTo(10, 10) ctx.lineTo(100, 50) ctx.lineTo(10, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoin('miter') ctx.setLineWidth(10) ctx.moveTo(50, 10) ctx.lineTo(140, 50) ctx.lineTo(50, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoin('round') ctx.setLineWidth(10) ctx.moveTo(90, 10) ctx.lineTo(180, 50) ctx.lineTo(90, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoi
点击查看答案
第7题
以下代码片段的运行结果是否正确?(b ) const ctx = wx.createCanvasContext('myCanvas') ctx.beginPath() ctx.moveTo(10, 10) ctx.lineTo(100, 50) ctx.lineTo(10, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoin('miter') ctx.setLineWidth(10) ctx.moveTo(50, 10) ctx.lineTo(140, 50) ctx.lineTo(50, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoin('round') ctx.setLineWidth(10) ctx.moveTo(90, 10) ctx.lineTo(180, 50) ctx.lineTo(90, 90) ctx.stroke() ctx.beginPath() ctx.setLineJo
点击查看答案
第8题
以下代码片段的运行结果是否正确?() const ctx = wx.createCanvasContext('myCanvas') ctx.beginPath() ctx.moveTo(10, 10) ctx.lineTo(150, 10) ctx.stroke() ctx.beginPath() ctx.setLineCap(' square ') ctx.setLineWidth(10) ctx.moveTo(10, 30) ctx.lineTo(150, 30) ctx.stroke() ctx.beginPath() ctx.setLineCap('round') ctx.setLineWidth(10) ctx.moveTo(10, 50) ctx.lineTo(150, 50) ctx.stroke() ctx.beginPath() ctx.setLineCap('butt') ctx.setLineWidth(10) ctx.moveTo(10, 70) ctx.lin
点击查看答案