HTML5
文章平均质量分 89
destinytaoer
前端初学者,分享前端知识笔记和好的文章,与大家共同学习
展开
-
Canvas 画五角星
前言学习 canvas,更多的是需要动手实践,下面就从一个相对简单的例子:五角星开始吧! 不懂 canvas 的同学,请先学习:Canvas 画布 一、几何模型由上图可以清晰的得到大概的思路,大圆和小圆上的点相间相连,就可以的到五角星。 我的做法是从右下角开始画。因为 canvas 的坐标系的第一象限,实际上是右下角,而不是右上角。这样,就可以避免纠结于 sin() 和 cos()原创 2017-11-30 22:50:29 · 5746 阅读 · 0 评论 -
HTML5 地理位置
一、简介地理位置特性能够识别你所在的地理位置并且在你允许的情况下,把位置信息分享给别人。识别地理位置的方法: - 通过 IP 地址 - 只能用于电脑上的位置信息定位 利用基站获取去收集网络的介入位置大致位置,不够精确 精确到用户所属的城市街区,获取用户房源一公里的范围内 通过卫星定位获得经纬度信息的 GPS 设备几米的误差内准确定位 专用 GPS 芯片耗电快 GPS 芯片默认关闭,开启需要时原创 2017-11-30 22:48:47 · 1244 阅读 · 0 评论 -
Canvas 画时钟
前言不管学习什么,不动手去做,永远不能熟练掌握。学习了 canvas API,会觉得只要按照直线、圆等画法去画,canvas 太简单了。可是,当你真正去画的时候,会遇到许多的问题。下面介绍的是 canvas 时钟,主要是与大家分享我的学习过程。 不懂 canvas 的同学,请先学习:Canvas 画布 一、相关几何知识钟面是一个圆,主要包含每个小时数字、以及刻度,它们的位置坐标应该如何计原创 2017-11-30 22:49:54 · 5900 阅读 · 1 评论 -
HTML5 微数据
一、什么是微数据一个页面的内容,不仅要给用户看,还要让机器可识别。而目前机器智能程度有限,要让其知会特定内容含义,我们需要使用规定的标签、属性名以及特定用法等。如使用 <h1> 标签包裹页面标题信息就是为了让机器识别(搜索引擎 SEO)微数据本质是给网页中可见的数据提供附加语义的标准化方式。允许我们在网页元素中嵌入自定义属性。是为了方便机器识别而产生的东西。适合于精细地优化那些已经在 DOM 中的数原创 2017-11-30 22:48:10 · 639 阅读 · 0 评论 -
Canvas 画布
一、简介 HTML5 中的定义:“它是依赖分辨率的位图画布,你可以在 canvas 上面绘制任何图形,甚至加载照片。”矩形空白区域 通过 javascript 绘制图形 可以加载图片 canvas 坐标系 二、HTML 部分<canvas id="a" width="300" height="300">您的浏览器不支持 canvas</canvas>简单的在 HTML 页面添加一个 canva原创 2017-10-31 09:49:24 · 409 阅读 · 0 评论