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

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

复制代码代码如下:

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()

带有圆点的标签我首先想到的就是li标签。多个li标签形成一个列表，然后开头都会有一个实心的黑色圆点，如果需要去掉圆点的话需加上以下样式:

li {

list-style: none

}

页面中空格符号是通过代码控制的，下面介绍空格的符号代码。基本语法语法解释一个半角空格使用一个表示，多个空格只需使用多次即可。文件范例：6-2.htm在页面中输入空格符号。

01

02

03

04 05 <HTML>06 <HEAD>07 <TITLE>页面的空格符号</TITLE>08 </HEAD>09 <BODY>10 这是一本专业的 HTML 书籍11 </BODY>12 </HTML>文件说明第10行设定了多个空格符号。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/zaji/7185472.html

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

发表评论

评论列表（0条）