html5
啦啦噜啦啦
还是一个无名小卒。
展开
-
canvas基础知识及七巧板绘制实例
先介绍常用基础知识:window.onload()=function(){var canvas=document.getElementById("canvas"); //获取元素var context=canvas.getContext("2d");//绘制上下文环境,绘制所需接口context.moveTo(100,100);原创 2014-11-04 14:48:51 · 2797 阅读 · 0 评论 -
canvas
var canvas = document.getElementById("canvas");canvas.width = 800; canvas.height = 800;var context = canvas.getContext('2d');////draw(context,100,300,#333,#000,10);传参///原创 2015-09-01 17:46:39 · 683 阅读 · 0 评论 -
css3新属性
1,-webkit-font-smoothing:css3中用于webkit引擎中设置字体的抗锯齿、增加光滑度的属性。none用于小像素文本;subpixel-antialiased浏览器默认反锯齿;antialiased反锯齿。2,-webkit-gradient(直线/放射状,色1中心坐标,色1半径,色2中心坐标,色2半径,from(#000000),to(#ffffff)),调色链接ht原创 2015-05-29 10:55:53 · 1118 阅读 · 0 评论 -
html5 SVG
1,SVG是可伸缩矢量图形。含有不同标签用于创建矩形;创建圆形;用于创建椭圆;线;折线;多边形2,svg 定义了一条路径,开始于(250px,150px),到达(150px,350px),再到达(350px,350px),最后在(250px,150px)处关闭路径以下命令 大写表示绝对定位,小写表示相对定位:M = movetoL = linetoH = horizon原创 2014-10-26 20:47:31 · 2171 阅读 · 0 评论 -
关于css3 transition transform animation属性
1,transition属性个人非常习惯用transition过度属性,简单易用。大家称他为animation简化版本。例如:.contain{width: 392px; position: relative; bottom: -20px; opacity: 0;}.contain.on{ bottom: 0; opacity: 1; tra原创 2015-01-08 22:25:41 · 18916 阅读 · 2 评论 -
SPA(Single-page application) 单页应用
它将一个分离的功能层作为API并将表示层用APP的形式体现出来 (HTML5或Native)原创 2015-05-28 20:40:13 · 5601 阅读 · 1 评论 -
手机端/网页 嵌套百度地图
网页嵌套几步到位:地址:http://api.map.baidu.com/lbsapi/creatmap/index.html;输入你想要定位的地点,添加标注,获取代码,拷贝到自己网页中即可。但是体积大,在手机端很卡。手机端效果图:手机端嵌套:代码如下:在线地图 // 百度地图API功能v原创 2015-05-21 11:27:24 · 26627 阅读 · 0 评论 -
分享到微信/空间/微博
bshare分享:示例图:代码如下:div class="bshare-custom"style="position: absolute; left: 0; top:50%;" > a title="分享到微信" class="bshare-weixin">分享到微信 a> a title="更多平台" class="bshare-more bshar原创 2015-05-20 20:00:05 · 1056 阅读 · 0 评论 -
媒体查询实现响应式设计
作为前端开发人员原创 2014-10-11 16:10:53 · 2480 阅读 · 0 评论 -
手机端小问题整理
1,tap后会出现一个半透明的灰色背景,(被批...),起初以为是outline作怪,加上后发现没反应,最后发现是tap后的背景高亮,要重设这个表现,则需要设置-webkit-tap-highlight-color为所需色彩,直接透明吧:a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}2,原创 2015-08-10 15:36:20 · 963 阅读 · 0 评论