jshtml5绘图

❶ 怎么区分网页上banner是flash还是html5

简单区分banner动画

banner是flash动画：

1. 单击鼠标右键，提示设置、全局设置提示，如下图

   
   

   

2. 审查元专素，元素相对应属的代码中显示为.swf的路径

banner是html5动画：

1. 审查元素有html5相关动画制作标签，如常见的有<canvas><svg>等。html5的动画效果是用（js）jQuery+css3制作，html5绘图是用HTML5 Canvas 画图标签加上API制作
   

   
   

❷ HTML5可以做些什么

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然在技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性网站开发技术人员是必须要有所了解的。[1]

2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

HTML5将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及与设备的交互都进行了规范。[5]

智能表单

表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式，再加上新增加的一.些表单标签，使得原本需要javaScript来实现的控件，可以直接使用HTML5的表单来实现；一些如内容提示、焦点处理、数据验证等功能，也可以通过THML5的智能表单属性标签来完成。[6]

图2 HTML5

绘图画布

HTML5的canvas元索可以实现画布功能，该元索通过自带的API结合使用JavaScript脚本语自在网页上绘制图形和处理，拥有实现绘制线条、弧线以及矩形，用样式和颜色填充区域，书写样式化文本，以及添加图像的方法，且使用JavaScript可以控制其每一个像素。HTML5的canvas元索使得浏览器无需Flash或Silverlight等插件就能直接显示图形或动画图像。[6]

多媒体

HTML5最大特色之一就是支持音频视频，在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌人这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖，加快了贞面的加载速度，扩展了互联网多媒体技术的发展空间。[6]

地理定位

现今移动网络备受青睐，用户对实时定位的应用越来，要求也越来越高。HTML5通过引人Geolocation的API可以通过GPS或网络信息实现用户的定位功能，定位更加准确、灵活。通过HTML5进行地位，除了可以定位自己的位置，还可以在他人对你开放信息的情况下获得他人的定位信息。[6]

数据存储

HTML5较之传统的数据存储有自已的存储方式，允许在客户端实现较大规模的数据存储。为了满足不同的需求，HTML5支持DOM Storage和Web SQL Database 两种存储机制。其中，DOM Storage 适用于具有key/value对的基本本地存储；而WebSQLDatabase是适用于关系型数据库的存储方式，开发者可以使用SQL语法对这些数据进行查询、插入等操作。[6]

多线程

HTML 5利用Web Worker将Web应用程序从原来的单线程业界中解放出来，通过创建一个Web Worker对象就可以实现多线程操作。JavaScript创建的Web程序处理事务都是在单线程中执行，响应时间较长，而当JavaScript过于复杂时，还有可能出现死锁的局面。HTML5新增加了一个WebWorkerAPI，用户可以创建多个在后台的线程，将耗费较长时间的处理交给后台面不影响用户界面和响应速度，这些处理不会因用户交互而运行中断。使用后台线程不能访问页面和窗口对象，但后台线程可以和贞面之间进行数据交互。子线程与子线程之间的数据交互，大致步骤如下：①先创建发送数据的子线程；②执行子线程任务，把要传递的数据发送给主线程；③在主线程接受到子线程传递回的消息时创建接收数据的子线程，然后把发送数据的子线程中返回的消息传递给接收数据的子线程；④执行接收数据子线程中的代码

详细请参考html5

教程请参考html5教程

❸ HTML5 canvas 画图， 大图缩小时清晰度问题

解决办法
1 转SVG 格式 这是矢量图形 放大缩小 不会失真
2 你的画布面积太大了 你上传的图片被缩小了很多很多 所以才会这么模糊
3 不是说H5不能做 室内平面图 CAD 才是强项

❹ 如何使用html+css+js完成轮播图的效果

下面是使用html+css+js(javascript)来完成轮播图功能的简单例子，有兴趣的可以看一下。

1首先创建一个html文件，下图中我创建的是html5的，所以看起来很简单。

2然后在html的主体部分添加一个div标签，然后在该标签下添加一个img标签，并设置img的宽高。

3然后我们可以在html头部标题下添加css样式代码来控前搜物制div的显示效果。

4接下来在body标签中添加js的事件onload，也就是加载该页面的时候，调用onload的值对应漏芦的方法，图中的话就是init()。再为img添加一个id属性，这样我们可以通过getElementById("id值慧液")来得到该元素标签。

5然后通过

❺ HTML5的canvas绘图和CSS3的绘图哪个更有优越性

简单解释一下：

CSS更像是把多个“矩形”（div）裁剪后，然后拼接成一个图案，然后给图液蠢案上色。

Canvas由点开始，延长无数个点，得到闹春陪线，延长线之后得到森升一个面（三角形，圆形，矩形等等的图案面），然后给线或者面描边，上色。

CSS目前更像是小朋友的手工课，Canvas更像是用一支笔画图，不过画出来的图更加像能够控制大小的矢量图片。

下图简单说明

在面对曲线和更复杂图形的时候，Canvas比CSS更有办法。另外Canvas确定坐标位置的时候更加贴近我们常用到的数学思维方法。

只能显浅说说。

❻ Javascript如何在网页上实现画图功能

那是不可能完成的任务，只能用FLASH来实现，当然在HTML5的标准下，这个可以实现，但是HTML5还没普及。

❼ js + html5 怎么来绘制三维图形

模拟3D环境，根据摄像机位置、角度，计算物体每个顶点的投影，隐射到2D平面。想要了解更详细内的，建容议研究一下开源3D项目，如three.js， http://threejs.org/ ，里面有Canvas渲染器是你要的东西。

❽ p5.js和html5 canvas两者有何区别

简单的说，p5.js是一个js类库；canvas是一个html5新增的一个元素，"canvas" 即 "画布", 此元素是为了客户端矢量图形而设计的。它自己没有行为，却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。两者要想绘图，都需执行js代码。仔细看p5的初始代码，

functionsetup(){
createCanvas(400,400);//为html页面创建canvas元素
}

两者的本质都是通过js来实现canvas的表现，p5.js与jquery库无异，将一些常用的功能需求的代码进行封装，以实现代码的简化。也就是任何p5.js可实现的，通过纯canvas的js api都能实现，不过要想实现，往往牺牲得是时间与效率。而p5.js提供了一种仅需少量代码就能实现很炫酷的操作的方法。两者渲染速度比较，理论上应该是一样的，毕竟大家殊途同归嘛，都是通过js来实现的，只要纯js写的足够优化，是会比p5.js快一丢丢的，差异不明显。明显的差异是p5.js在网页加载时需要下载p5.js的类库才能进行操作，而canvas api由于是客户端提供的原因，则不需要。

❾ html5，js的问题

canvas.moveto()//移动坐标点

canvas.lineto()//从坐标点孙弊明画一条线，参数是终点，为了确定上下文环境，

只输入终点可能则告不是你想要的线段结果，所以我们先用canvas.moveto()设置绘图起点卜敏