复习： HTML5新特性： 1.新的语义标签和属性 2.表单2.0 3.视频和音频 4.Canvas绘图 5.SVG绘图 6.地理定位 7.拖放API 8.WebWorker 9.WebStorage 10.WebSocket Canvas绘图使用方法： <canvas id="c" width=" ...
分类：
Web程序 时间：
2017-07-18 13:24:32
阅读次数：
198
1、概念 canvas一般就是用来绘制图像的 canvas一般就是用来绘制图像的 2、基本知识 上下文对象 var canvas = doucment.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle ...
分类：
其他好文 时间：
2017-05-09 16:53:59
阅读次数：
208
video标签的使用 video标签定义视频， 它是html5中的新标签， 它的属性如下（参考自文档）： domo01 src 即视频的路径 loop 即是否循环，即播放结束之后继续播放 autoplay 即准备就绪之后就播放 controls 即出现控制控件，如果没有则无开始暂停等按钮 width ...
分类：
Web程序 时间：
2017-05-08 00:31:46
阅读次数：
299
先分析下这个技术可实现的方式，以及优缺点吧！ 前端实现 缺点是：兼容性查，需要高级浏览器支持，因为需要支持 canvas 绘图，还有就是会操作 html5 canvas api。(如果不会使用canvas的话，要么去学，要么这条方案当我没说)优点是：用户体验性很赞，很流畅。 大体实现方法：使用can ...
分类：
Web程序 时间：
2017-05-01 12:03:05
阅读次数：
277
html代码 1.js建立绘图环境： 2.设置canvas绘图线条宽度； 这里的context.lineWidth=4就是线条宽度为4px；而且线条宽度的中心就是y=100这条直线，线条宽度平均分布于两侧。 ...
分类：
其他好文 时间：
2017-04-25 21:09:32
阅读次数：
149
<script>function draw(){ var c=document.getElementById("mycanvas"); c.width=500;//宽度 c.height=500;//高度 var ctx=c.getContext("2d");//声明是2D图 /*//绘制正方形 c ...
分类：
Web程序 时间：
2017-04-09 13:55:46
阅读次数：
234
利用canvas和javascript，就可以在页面绘制2d图像，但对于3d的图像，目前是无能为力的。要绘制3d图像，就必须使用WebGL。 以我的理解，WebGL是内嵌在浏览器中，在使用时是通过javascript调用浏览器提供的WebGL API，然后在canvas绘图区绘制图像。刚开始接触We ...
分类：
Web程序 时间：
2017-03-06 19:19:02
阅读次数：
237
直入正题，JS打开摄像头并截图上传至后端的一个完整步骤 1. 打开摄像头主要用到getUserMedia方法，然后将获取到的媒体流置入video标签 2. 截取图片主要用到canvas绘图，使用drawImage方法将video的内容绘至canvas中 3. 将截取的内容上传至服务器，将canvas ...
分类：
Web程序 时间：
2017-02-18 18:19:43
阅读次数：
295
1、context.font = "20px sans-serf" 默认支持 可以这只以下五种属性font-style:normal|italic|obliquefont-variant:normal|smallcapsfont-weight:normal|lighter|bold|bolderfo ...
分类：
其他好文 时间：
2017-02-08 15:59:39
阅读次数：
181
1、首先看看绘制曲线和绘制弧的区别 arc()是画一个标准的圆弧。 arcTo() 方法在画布上创建介于两个切线之间的弧/曲线。 官方解释是这样的 (x1,y1)是弧的起始点 (x2,y2)是弧的终止点 radius是弧的半径 但是我觉得这样解释更通俗一点 (x0,y0)是上一个线段的结束点或者mo ...
分类：
其他好文 时间：
2017-02-08 12:58:03
阅读次数：
326
