html实心点和空心点怎么打出来的

html-css022

html实心点和空心点怎么打出来的,第1张

的时候做的画空心圆与实心圆的练习题，非常简单。

复制代码代码如下:

var canvas=document.getElementById("canvas")

var cxt=canvas.getContext("2d")

//画一个空心圆

cxt.beginPath()

cxt.arc(200,200,50,0,360,false)

cxt.lineWidth=5

cxt.strokeStyle="green"

cxt.stroke()//画空心圆

cxt.closePath()

//画一个实心圆

cxt.beginPath()

cxt.arc(200,100,50,0,360,false)

cxt.fillStyle="red"//填充颜色,默认是黑色

cxt.fill()//画实心圆

cxt.closePath()

//空心和实心的组合

cxt.beginPath()

cxt.arc(300,300,50,0,360,false)

cxt.fillStyle="red"

cxt.fill()

cxt.strokeStyle="green"

cxt.stroke()

cxt.closePath()

操作方法：

1、选择【开始】-【段落】组，点击【显示/隐藏编辑标记】按钮，隐藏小黑点。

2、选择【文件】-【选项】命令，打开“Word选项”对话框，选择“显示”选项卡，取消勾选“段落标记”选项，黑点即消失。

3、选择【文件】-【选项】命令，打开“Word选项”对话框，选择“显示”选项卡，取消勾选“显示所有格式标记”选项，黑点即消失。

4、选择【开始】-【段落】组，点击右下角的“段落设置”按钮，打开“段落”对话框，在【换行和分页】-【分页】项下取消勾选所有复选即可取消小黑点。