HTML5如何获取文件路径?

html通过file获取文件路径方法：

File f = new File(this.getClass().getResource("/").getPath())

System.out.println(f)

结果:

C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin

获取当前类的所在工程路径

如果不加“/”

File f = new File(this.getClass().getResource("").getPath())

System.out.println(f)

结果：

C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin\com\test

获取当前类的绝对路径；

html5

html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言（ HTML）的第五次重大修改（这是一项推荐标准、外语原文： W3C Recommendation、见本处 参考资料原文内容：  ）2014年10月29日， 万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。

标准通用标记语言下的一个应用 HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组 - WHATWG） 的组织。WHATWG 致力于 Web 表单和应用程序，而 W3C（World Wide Web Consortium， 万维网联盟） 专注于 XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。

工具/材料

Sublime Text

01

首先要准备一个画布，如下图所示，在HTML5中我们用canvas来表示画布

02

然后我们在script脚本中获取画布对象，如下图所示，运用JS的getElementById方法即可

03

接下来我们通过画布对象的getContext方法来获取上下文2d对象，如下图所示，我们要 *** 作的内容都在里面

04

然后我们给2d上下文填充背景色，如下图所示，运用上下文的fillStyle属性即可

05

接下来，运用上下文的fillRect方法来画一个矩形，注意里面的四个值就是四个坐标，如下图所示

06

最后我们运行界面程序，你会看到如下图所示的红色矩形样例，你可要和上面的坐标对应一下

07

当然2d上下文中还可以画其他的图形，如下图所示的圆形，大家根据自己的需要应用即可

---