canvas教程

Html5初步学习 - 环境配置

字号+ 作者:H5之家 来源:H5之家 2015-10-07 19:11 我要评论( )

本文介绍VS2012中Html5环境配置,并提供简单的示例代码供参考。

作为.Net下的一名程序员,我是离开VS就感觉没办法活。所以我们首先设置下VS2012,以免写出来HTML5代码说不支持此标签。

HTML5 环境配置

双击"选项",打开如下图,然后选中这些:

HTML5 环境配置

然后写下如下代码发现没有波浪线等提示了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <title></title> <script type="text/javascript"> window.onload = function () { try { document.createElement("canvas").getContext("2d"); document.getElementById("support").innerHTML = "HTML5 Canvas is supported in you browser"; } catch (e) { document.getElementById("support").innerHTML = "你的浏览器不支持HTML5"; } } </script> </head> <body> <div id="support"> </div> <canvas id="diagonal" style="border: 1px solid red;" width="200px" height="200px"> </canvas> </body> </html>

HTML5 环境配置

由于我装的是IE8,IE8不支持HTML5所以我就设置启动使用FF浏览。如下设置:

HTML5 环境配置

HTML5 环境配置

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    2017-04-30 17:00

  • HTML5新特性详解(三)

    HTML5新特性详解(三)

    2017-04-30 16:03

网友点评
e