首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 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
  • HTML5 Canvas实现360度全景图的示例代码

    HTML5 Canvas实现360度全景图的示例代码

    很多购物网站现在都支持360实物全景图像，可以360度任意选择查看样品，这样对购买者来说是一个很好的消费体验，网上有很多这样的插件都是基于jQuery实现的有收费的也有免费的，其实很好用的一个叫3deye.js的插件。该插件支持桌面与移动终
    2025-01-26
  • HTML5仿微信聊天界面、微信朋友圈实例代码

    HTML5仿微信聊天界面、微信朋友圈实例代码

    这几天使用H5开发了一个仿微信聊天前端界面，尤其微信底部编辑器那块处理的很好，使用HTML5来开发，虽说功能效果并没有微信那么全，但是也相当不错了，可以发送消息、表情，发送的消息自动回滚定位到底部，另外可以对消息、图片、视频有不同的右键处理
    2025-01-26
  • 基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能

    基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能

    1.核心功能此组件功能包含：　　图片裁剪（裁剪框拖动，裁剪框改变大小）；　　图片马赛克（绘制马赛克，清除马赛克）；　　图片预览、图片还原（返回原图、返回处理图）；　　图片上传（获取签名、上传图片）。2.核心逻辑2.1图片裁剪获取裁剪框（矩形
    2025-01-26
  • 如何在Canvas中添加事件的方法示例

    如何在Canvas中添加事件的方法示例

    作为一个前端，给元素添加事件是一件司空见惯的事情。可是在Canvas中，其所画的任何东西都是无法获取的，更别说添加事件，那么我们对其就束手无策了吗？当然不是的！我们在平时项目中肯定都用过许多Canvas的框架，我们发现事件在这些框架中已经使
    2025-01-26
  • 如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

    如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

    HTML中pre和textarea可以显示预格式化的文本。即保留空格和换行符。而不必添加<br>和 等HTML元素来添加换行和打印空格。pre去掉滚动条pre显示文本内容时是不会自动换行的，此时可以添加一些CSS来解决：<pre>ourjs
    2025-01-25
  • Html5页面中的返回实现的方法

    Html5页面中的返回实现的方法

    看到这个题目你可能觉得这是什么鬼？ 其实我想说的是这种，看下面的录制:这种交互在H5页面中比比皆是，点击城市->弹出城市选择浮层->按返回按钮关闭浮层。这些操作都是不要点击左上角/右上角的关闭按钮就可以进行的，飞猪的H5是前进出现弹层，返回
    2025-01-25
上一页 123456789下一页