HTML5
关注
分享
扫一扫
文章平均质量分 76
Carry-Lee
这个作者很懒，什么都没留下…
展开
-
HTML5canvas绘图
Document body{ text-align:center; } #c1{ background-color:#efefef; } 绘制图形 var ctx = c1.getContext("2d"); //绘制画布上的画笔 一般用2d ctx.strokeRect(0,0,100,100); //绘制矩形描边 x轴位置 y轴位置原创 2016-07-21 00:04:35 · 748 阅读 · 0 评论 -
HTML5canvas移动
Document body{ text-align:center; } #c1{ background-color:#efefef; } 绘制图形 //来回移动矩形 var x = 0; var y = 400; var direction = 1; //移动方向 1表示向右移 -1表示向左移原创 2016-07-21 00:56:26 · 472 阅读 · 0 评论 -
HTML5SVG绘图
Document body { text-align: center; } svg { background: #f2f2f2; } 绘制矩形 r1.onmousemove = function() { this.setAttribute("fill","rgba(0,0,255,.3)"); }原创 2016-08-28 23:31:26 · 1098 阅读 · 0 评论 -
HTML的dpr
只是为了自己以后查找方便，看不懂勿怪DPI、PPI：屏幕像素密度或屏幕每英寸的像素数量dips：手机尺寸或独立像素物理像素 = 手机分辨率dpr = window.devicePixelRatio（js可以拿到）css定义psd转换rem单位rem = px / 基准值基准值 = 手机宽高 * dpr / 10乘以dpr是因为页面有可能缩放除以10是为了取整原创 2016-12-27 16:17:40 · 2804 阅读 · 0 评论