在appstor
构图,从用笔开始,先把握物体的几何关系。注意关闭不透明度,使你的笔触更适合均匀和大规模的平面绘画。
画完整张图片的草稿后,降低这一层的不透明度,为你的下一个勾做准备。
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被指定为二维绘图环境对象,由新定义的"帆布",你可以用这个物体来画画。
使用fillstyle方法设置颜色,它是三种主要颜色成分的十六进制表示形式,范围从"#000000致"ffffff"。
39号
我们将颜色设置为蓝色,也可以根据自己的喜好进行更改。
(50,50,400,200)
填充的起始位置设置为(50,50),矩形的宽度为400,高度为200。
在浏览器中选择浏览后,我们可以看到我们需要的矩形。