HTML
maidu_xbd
核心算法+大量的重复实践
展开
-
利用phonegap打包html代码为app应用
https://build.phonegap.com/注册账号 将【index.html】文件打包压缩为.zip文件后上传 3.下载安卓版本(.apk后缀文件),发送到手机后发现文件后缀变成了不是.apk结尾,在手机端【文件管理】将文件后缀修改为apk后安装即可访问。...原创 2020-08-29 11:01:03 · 308 阅读 · 0 评论 -
HTML---table使用总结
在HTML中,使用table标签来创建一个表格。在table标签中使用tr来表示表格中的一行,有几行就有几个tr;在tr中需要使用td来创建一个单元格,有几个单元格就有几个td。rowspan用来设置纵向的合并单元格,colspan用来设置横向的合并单元格。使用场景: 有一些情况下表格是非常的长的,这时就需要将表格分为三个部分,表头(thead),表格的主体(tbody),表格底部(tfo...原创 2019-07-23 19:33:06 · 256 阅读 · 0 评论 -
HTML---设置favicon
favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志。favicon.ico也可以说是网站头像,目前主要的浏览器都支持favicon.ico图标,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的在线制作网址:http://www.faviconico.org/设置图标:将制作好的图...原创 2019-06-30 20:09:02 · 2712 阅读 · 0 评论 -
canvas---绘制视频/图片
效果如下:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-06-24 21:16:04 · 240 阅读 · 0 评论 -
前端小白引用字体图标icon及图片资源
首先,备忘一些常用的图标、图片、字体网站图标icon库:iconfont阿里巴巴矢量库https://www.iconfont.cn/font-Awesome Icon库http://fontawesome.dashgame.com/字体:Athum Font:https://www.dafont.com/athum.font图片库:千库图:https://588ku...原创 2019-06-25 19:46:23 · 1258 阅读 · 0 评论 -
HTML---bootstrap响应式的点赞界面
【效果图】响应式的点赞页面如下图所示html部分代码 <link rel="stylesheet" href="css/main2.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" ...原创 2019-06-13 14:38:05 · 2682 阅读 · 2 评论 -
canvas---像素与图像基本操作
像素操作 像素操作 ctx.createImageData(width,height) 以指定的尺寸(以像素计)创建新的 ImageData 对象 对于 ImageData 对象中的每个像素,都存在着四方面的信息,即 RGBA 值: R - 红色 (0-255) G - 绿色 (0-255) ...原创 2019-05-23 10:49:13 · 395 阅读 · 0 评论 -
canvas---绘制渐变矩形和字体
渐变效果如下:能量补充站: ctx.strokeText(text,x,y,maxWidth); 在画布上绘制文本。文本的默认颜色是黑色。text:文本,(x,y)文本开始位置,maxWidth:允许的最大文本宽度。 使用font属性来定义字体和字号,并使用strokeStyle属性以另一种颜色/渐变来渲染文本。 ...原创 2019-05-23 10:46:24 · 436 阅读 · 0 评论 -
canvas---方法与属性总结
一、canvas介绍<canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript),<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 必须使用脚本来完成实际的绘图任务。不支持canvas的浏览器:ie8及以下绘制环境:getcontext(‘2d’)---方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。可用于在画布上...原创 2019-05-23 10:10:41 · 443 阅读 · 0 评论 -
canvas---实现鼠标绘图画线功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-05-15 20:05:07 · 5383 阅读 · 0 评论 -
canvas----定时移动的小方块
绘制一个定时从左上角已到右下角的小方块 方法 描述 ctx.clearRect(x,y,width,height); 在给定矩形内清空一个矩形,默认白色 ctx.fillRect(x,y,width,height); 绘制“被填充”的矩形,默认黑色 <!DOCTY...原创 2019-05-15 20:03:28 · 424 阅读 · 0 评论 -
canvas---用canvas制作钟表
首先,看效果~~~绘制钟表如图思路:(1)绘制一个60等分的圆,用一个半径稍小些的白色的圆覆盖画线区域,形成60分钟的刻度。-(2)继续在以上基础上,绘制一个12等分的圆,用一个半径稍小些的白色的圆覆盖画线区域,形成12小时的刻度。注意调整画线的宽度,以明显区分时针的刻度和分针的刻度。(3)获取本地时间,并绘制时针,分针,秒针弧度。弧度=角度*Math.PI/180...原创 2019-05-14 00:02:12 · 1202 阅读 · 0 评论