首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5打开手机扫码功能及优缺点

    HTML5打开手机扫码功能及优缺点

    1.解决的问题：1.能够在微博客户端呼起摄像头扫描二维码并且解析;2.能够在原生浏览器和微信客户端中扫描二维码并且解析;2.优点：web端或者是 h5端可以直接完成扫码的工作；3.缺点：图片不清晰很容易解析失败(拍照扫描图片需要镜头离二维码
    2025-01-27
  • 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响

    浅析canvas元素的html尺寸和css尺寸对元素视觉的影响

    遇到的问题：html/11467.html">canvas元素变形失真的原因一个DOM元素存在三种尺寸：style尺寸，html尺寸，css尺寸。使用canvas元素时，canvas元素默认宽高是300px * 150px。这里的默认尺寸是
    2025-01-27
  • HTML页面点击下载文件的两种实现方法

    HTML页面点击下载文件的两种实现方法

    1.使用<a>标签来完成<a href=/user/test/xxxx.txt download=文件名.txt>点击下载</a> 这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况，比如txt,png,jpg等这些浏览器支
    2025-01-27
  • DIV的失去焦点(blur)实现方法

    DIV的失去焦点(blur)实现方法

    用防抖实现DIV鼠标移出消失由于div标签本身不支持onblur事件，所以对于点击一个按钮弹出的div，我们想要当这个div失去焦点的时候，让它消失不能使用的onblur来实现。但是可以利用onmouseout和事件来实现DIV失去焦点消失
    2025-01-27
  • 关于移动端页面强制竖屏的方法

    关于移动端页面强制竖屏的方法

    最近工作中写了一个移动端的页面，本来是没什么的，但是有一个要求感觉很奇怪，从前也没有遇到过，就是我写的这个页面需要放在一个APP中，但是这个APP是横屏的，打开这个页面的webview也是横屏的（最新版的APP打开的时候是竖屏的webvie
    2025-01-27
  • web页面录屏实现

    web页面录屏实现

    在前面的话在看到评论后，突然意识到自己没有提前说明，本文可以说是一篇调研学习文，是我自己感觉可行的一套方案，后续会去读读已经开源的一些类似的代码库，补足自己遗漏的一些细节，所以大家可以当作学习文，生产环境慎用。录屏重现错误场景如果你的应用有
    2025-01-27
  • Html5内唤醒百度、高德APP的实现示例

    Html5内唤醒百度、高德APP的实现示例

    前几天，联合黑卡反馈了一个需求，需要在H5中打开百度APP或者是高德APP，于是我在网上查了相关文档，下面放上链接： 1.高德地图2.百度地图具体思路就是点击选择地图的时候，先去请求APP链接，800毫秒后无响应，再跳转至H5链接。这样的做
    2025-01-27
  • html5 canvas绘制放射性渐变色效果

    html5 canvas绘制放射性渐变色效果

    canvas有些地方还是有点坑的，比如fillRect是方法不是属性，如果写成fillRect=这样是没效果的，而且还不报错....这里用到了createRadialGradient这个API 这个API接收6个参数，前三个表示底下的圆，后
    2025-01-27
  • html5实现移动端适配完美写法

    html5实现移动端适配完美写法

    在pc版网页(http://pc_url) 上，添加：<link rel=alternate media=only screen and(max-width: 640px) href=http://pc_url >在移动版网页(http:/
    2025-01-26
  • Canvas 文字碰撞检测并抽稀的方法

    Canvas 文字碰撞检测并抽稀的方法

    需求背景一般在做地图相关的需求是才会用到文字抽稀，我也是在为公司的地图引擎实现一个功能时才实现了该方法，在这里将其简化了，就在普通的 Canvas 上进行操作，并没有引入地图概念效果碰撞检测计算文字在 canvas 中所占据的范围// 计算
    2025-01-26
  • 详解HTML5 录音的踩坑之旅

    详解HTML5 录音的踩坑之旅

    开篇闲扯前一段时间的一个案子是开发一个有声课件，大致就是通过导入文档、图片等资源后，页面变为类似 PPT 的布局，然后选中一张图片，可以插入音频，有单页编辑和全局编辑两种模式。其中音频的导入方式有两种，一种是从资源库中导入，还有一种就是要提
    2025-01-26
  • 基于HTML5 Canvas 实现商场监控实例详解

    基于HTML5 Canvas 实现商场监控实例详解

    伴随国内经济的高速发展，人们对安全的要求越来越高。为了防止下列情况的发生，您需要考虑安装安防系统： 提供证据与线索：很多工厂银行发生偷盗或者事故相关机关可以根据录像信息侦破案件，这个是非常重要的一个线索。还有一些纠纷或事故，也可以通过录像很
    2025-01-26
  • html Table 表头固定的实现

    html Table 表头固定的实现

    本文介绍了html Table 表头固定的实现，分享给大家，具体如下：<div class=wrapbox> <div class=table-head> <table> <thead>
    2025-01-26
  • 利用canvas实现图片下载功能来实现浏览器兼容问题

    利用canvas实现图片下载功能来实现浏览器兼容问题

    前言:项目中需要实现图片下载功能，第一个想到的是使用a标签的download属性来实现，但是在不同浏览器下测试会发现，有的浏览器无效，点击后直接预览图片，所以，上网找到了另外一种兼容不同浏览器的图片下载的方法，那就是利用canvas来处理图
    2025-01-26
  • Html5原创俄罗斯方块（基于canvas）

    Html5原创俄罗斯方块（基于canvas）

    第一次写俄罗斯方块的时候已经是1年多前了，也是我刚刚学js不久。为了加强对js的理解又加上对游戏的爱好，于是在没有参考他人的思路和代码下，自己用最基本的js代码写出了基于canvas的俄罗斯方块。在大三的暑假，我又用了es6的语法进行了改进
    2025-01-26
上一页 164165166167168169170171172下一页