博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
入门讲解HTML5的画布功能(1)
阅读量:6572 次
发布时间:2019-06-24

本文共 633 字,大约阅读时间需要 2 分钟。

  个人认为在HTML5中画布功能其实并不实用,当然趋势是在FLASH不没落的情况下。通过学习我发现画布功能能够实现的东西非常有情调,但是前端人员也要有一定的审美和构思才能做出有意思的东西,因为canvas能提供的东西实在太少了。

  当然在苹果抵制Flash的前提下,Flash的前景并不光明,这也给了我们前端人员更多的负担和机会。因为在这一块UI是没有我们对于HTML5来的熟悉的。下面就是我对HTML5学习过后的一个总结。

  first part

  首先,虽然口口声声是HTML5的内容,但是由于canvas本身是没有绘图能力的,所以我们的所有绘制工作都是在Java Scrip中完成的。(大骗子!!!)你的第一步是需要在body中建立一个canvas,通过CSS样式规定宽高,当然,要是能居中就更好看了。具体代码如下

  这个呢就相当于你在当前HTML文档中的一张白纸了,你给宽高多少,这张“纸“就有多大。   second part   其次,我前面有说过canvas这个标签本身是没有绘图能力的,需要借用Java Scrip的力量。那么第二步就是写JS代码了。这里简单的给大家绘制一个红色的长方形。代码如下
 需要注意的是这里虽然var了两个对象,但是仍然需要规范去写。不能用简单的ABC去代替,尽量做到见名知意,方便以后的开发与记忆。

转载于:https://www.cnblogs.com/Andylasy/p/4641767.html

你可能感兴趣的文章
ORA-32004: obsolete and/or deprecated parameter(s)
查看>>
建属于自己的网站
查看>>
[linux] ubuntu 切换默认的/bin/sh
查看>>
Web Bench (网站压力测试工具)
查看>>
boost库之智能指针
查看>>
linux c/c++ GDB教程详解(转载)
查看>>
centos7下安装Python的pip
查看>>
华为HCIE 面试战报
查看>>
C++ 一些知名的库
查看>>
用busybox创建一个不足50M的Linux
查看>>
在redhat server 6 安装gcc-4.5.2
查看>>
我的友情链接
查看>>
自定义View Client 登录方式(一)
查看>>
rsync搭建使用
查看>>
一台服务器上同时运行多个MySQL
查看>>
cenOS+nginx+php+mysql (非一键包安装)
查看>>
优秀程序员不一定是优秀的软件设计师
查看>>
JS系列
查看>>
在文件夹右键菜单中添加“进入DOS”命令的方法
查看>>
我的友情链接
查看>>