html中怎样添加矩形标注?
Cavas的英文解释是Canvas。使用这个Html5Canvas标签可以创建canvas,结合Javascript可以绘制很多图形。让让我们以画一个蓝色矩形为例来解释如何使用这个标签。
首先,您需要通过以下创建一个HTML5网页:
进入DW后,选择:文件-gt新建。
在弹出的对话框中选择文件类型为Html5。
选择"创造",将会形成一个空白网页。选择"文件"-#34保存"
取名:聚星
这个名字可以根据自己的喜好来命名,但最好是和网页内容相关的,以后容易找到的名字。还有一点需要注意的是,最好不要用汉字。
我们将视图切换到代码视图。
并将标题改为"画一个矩形"
标题也可以根据自己的喜好设置,不影响网页的操作。
Html是一种标记语言,所有的功能都需要在相应的标签中,所以我们需要先添加标签。
我们只需要输入ltc,就会在提示列表中看到需要的标签画布。按回车键完成输入。
之后我们每按一个空格或者输入一个相关的字母,都会有一个提示列表。我们只需要选择所需的项目并按Enter键,我们不需要不需要完整地输入字符串,这样可以避免输入时的拼写错误。在这个例子中,只有"我的画布"引号中需要完全输入,其他关键字可以通过提示列表输入。
命令是:ltCanvasID#34myCanvas#34Width#34600#34Height#34400#34GTLT/CanvasGT。
只有画布标签可以不要直接画图。需要配合Javascript语言,需要先写好相应的程序标签。
Html语言中的标签是成对出现的。为了避免错误,我们可以先写标签的开头和结尾。
写好前后标签后,我们就可以在标签中使用Javascript语言,调用Canvas标签,画出我们需要的图形。该方法如下:
var(#39mycavas#39)
将变量canvas分配给canvas"我的画布"这是我们之前在html中定义的,以便于Javascript调用。
var(#392d#39)
将变量ctxt赋给由新定义的"帆布",你可以用这个物体来画画。
使用fillStyl