-
HTML5 Canvas实现放大镜效果示例
所属栏目：[建站] 日期：2020-03-29 热度：158
副标题#e# 在线源码预览 源码 原理 首先选择图片的一块区域，然后将这块区域放大，然后再绘制到原先的图片上，保证两块区域的中心点一致, 如下图所示: 初始化 canvas id=canvas width=500 height=500/canvasimg src=http://www.jb51.net/html5/image.png st[详细]
-
html2canvas截图空白问题的解决
所属栏目：[建站] 日期：2020-03-29 热度：135
最近在项目中遇到一个需求，需要提供网页截图的功能。百度下发现html2canvas很好用。那就试试吧。 资源下载地址 插件下载地址：html2canvas下载地址 使用方式 项目使用的react组件开发方式。参照官方的说明文档getting-started.md,按照以下步骤进行： 1、[详细]
-
html5 移动端视频video的android兼容(去除播放控件、全屏)
所属栏目：[建站] 日期：2020-03-29 热度：111
副标题#e# android下html5的视频播放一直是前端兼容的重灾区，各种体验差，被诟病已久。但之前的故宫穿越H5，和吴亦凡入伍H5，利用的视频技术，貌似又给人一种新面貌。 前段时间做某项目，恰好也是一个类似视频全屏的，下面跟大家分享下经历的坑和填坑的办[详细]
-
html通过canvas转成base64的方法
所属栏目：[建站] 日期：2020-03-29 热度：131
在H5的营销活动中，经常生成一张图片让用户分享或者保存，这时候处理方案有两种。 一种是让后端生成图片，返回一个图片地址给前端展示 一种是前端自主合并生成图片展示，文中主要说明这个方案 demo !--生成后存放的IMG--img src=http://www.jb51.net/html5[详细]
-
解决H5的a标签的download属性下载service上的文件出现跨域问题
所属栏目：[建站] 日期：2020-03-29 热度：118
1.通过点击下载多媒体文件(图片/视频/文件等) 最简单的方式： a href='http://www.jb51.net/html5/url' download=filename.ext下载文件/a 如果url指向同源资源，是正常的。 如果url指向第三方资源，download会失效，表现和不使用download时一致浏览器能打[详细]
-
Html5页面上如何禁止手机虚拟键盘弹出
所属栏目：[建站] 日期：2020-03-29 热度：51
工作中遇到如下需求，点击输入框弹出自定义弹窗，输入框是input标签： 但是在移动端，input会默认触发手机的虚拟键盘，如何阻止手机虚拟键盘弹起呢？目前我试过有两个方案，一个是给input添加readonly属性,另一个就是在input事件处理方法前面添加一句docum[详细]
-
浅析html网页基本概念
所属栏目：[建站] 日期：2020-03-29 热度：172
什么是网页？html文档经过浏览器内核渲染后展示出来的页面（五大主流浏览器及四大内核） html文档文件名后缀是.html,之前存在的.htm是为支持DOM系统（目前织梦还是用.htm文件名结尾文件） 编码是我们通过代码的形式把想要展示的页面写到html文档里面，接着[详细]
-
XHTML与CSS的面向对象编程
所属栏目：[建站] 日期：2020-03-29 热度：131
要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是，凡事都应该带着OO的思想来看问题，也勉强可以凑数拉。其实，早在零几年就有人提出了OO-style，不过已找不到。 那要怎样OO呢？现在大家都知道CSS是可以介样写滴： .G_G { /* xxxxxx */ } 我们可以[详细]
-
标记语言——清单
所属栏目：[建站] 日期：2020-03-29 热度：117
标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style Handbook Part 1: Get Down With Markup 从标记语法谈起 Chapter 1 清单 在网络上几乎每个页面都能找到清单. 超链接清单;购物车物品清单;你中意的电影清单...甚至[详细]
-
HTML和CSS在Flash中的应用
所属栏目：[建站] 日期：2020-03-29 热度：110
HTML与CSS在Flash中的应用: 不小心看到同事Den在弄个小东西：在Flash里使用HTML和CSS，代码是这样： var myStyle:TextField.StyleSheet = new TextField.StyleSheet(); myStyle.load(sample.css); content_txt.styleSheet = myStyle; content_txt.multilin[详细]
-
通过实例掌握BR和P标签的区别
所属栏目：[建站] 日期：2020-03-29 热度：120
换行标记br的使用 换行标记br是一个没有结尾的标记，HTML文件中任何位置只要使用了br标记，当文件显示在浏览器中时，该位置之后的文字将显示于下一行，该br标记就是起到换行的标记！ 请注意！在一般的文字文件中，只要按下键盘上的Enter健便用产生了换行，[详细]
-
网页设计制作之改进超级链接效果
所属栏目：[建站] 日期：2020-03-29 热度：126
Hyperlinks enable people to jump instantly from page to page, or site to site. Such power can create anxiety. 超链接可以使访问者从一个页面跳转至另外一个页面，或从一个站点跳转至另外一个站点。但是，这种频繁的跳转可能使人们产生焦虑。 To help[详细]
-
网页设计之网页音乐的实现技巧
所属栏目：[建站] 日期：2020-03-29 热度：171
当网页中插入音乐时，要根据不同的后缀名，来写不同的代码！下面面就是多种格式文件的详细使用代码。 注： 音乐文件和地址待播放文件的文件名，前面带上绝对路径，或者本站的相对路径。 width_num指定一个作为宽度的数字； height_num指定一个作为高度的数[详细]
-
canvas实现手机的手势解锁的步骤详细
所属栏目：[建站] 日期：2020-03-29 热度：64
副标题#e# 按照国际惯例，先放效果图 1、js动态初始化Dom结构 首先在index.html中添加基本样式 body{background:pink;text-align: center;} 加个移动端meta头 meta name=viewport content=width=device-width,initial-scale=1.0,user-scalable=no 引入index[详细]
-
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
所属栏目：[建站] 日期：2020-03-29 热度：124
移动端 代码 !DOCTYPE htmlhtmlheadtitle左侧导航/titlemeta charset=utf-8script src=http://www.jb51.net/html5/https:/cdn.staticfile.org/jquery/1.10.2/jquery.min.js/scriptmeta name=viewport content=width=device-width,initial-scale=1.0,maximu[详细]
-
HTML利用九宫格原理进行网页布局
所属栏目：[建站] 日期：2020-03-29 热度：98
说到九宫格是不是想到了九宫格火锅那（O(_)O哈哈~）。其实九宫格布局在各大网站基本都有应用，当然这里的九宫格是泛指（O(_)O哈哈）。比如小米商城局部布局如下： 不难发现，一些电商平台的布局基本上大同小异，最普遍的还是这种九宫格布局。当然通过CSS也[详细]
-
HTML5网页录音和上传到服务器支持PC、Android，支持IOS微信功能
所属栏目：[建站] 日期：2020-03-29 热度：123
本示例代码支持PC、Android、IOS(仅Safari)中使用，如果用RecordApp可增加对IOS(微信浏览器、小程序)的支持。 看万遍代码不如行动一遍，新建一个html文件，把下面三段代码复制到文件内，双击浏览器打开就能进行测试。 !-- 先加载js录音库，注意：你应该把j[详细]
-
使用html2canvas将页面转成图并使用用canvas2image下载
所属栏目：[建站] 日期：2020-03-29 热度：146
之前在网上找到一个用 a 的 download属性下载的方法，确实很简单也很方便，但此方法不支持IE，无奈又找到另一方法。 使用html2canvas将页面转成图，用canvas2image下载 本例使用的版本： html2canvas@1.0.0-alpha.12 canvas2image@1.0.5 安装 npm install[详细]
-
5分钟弄清楚html5的drag and drop(小结)
所属栏目：[建站] 日期：2020-03-29 热度：105
5分钟弄清楚html5的drag and drop，及其他监听事件和执行的次序。 定义和用法 在拖放的过程中会触发以下事件： 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 释[详细]
-
canvas画布实现手写签名效果的示例代码
所属栏目：[建站] 日期：2020-03-29 热度：80
最近项目中涉及到移动端手写签名的功能需求，将实现代码记录于此，供小伙伴们参考指摘哦~ HTML代码： !--手写区--div class=mSign_signMark_boxdiv class=mSign_signMark_write_boxdiv id=mSign_signMark_signature_pad class=mSign_signMark_body_boxdiv[详细]
-
html5中监听canvas内部元素点击事件的三种方法
所属栏目：[建站] 日期：2020-03-29 热度：143
canvas内部元素不能像DOM元素一样方便的添加交互事件监听，因为canvas内不存在元素这个概念，他们仅仅是canvas绘制出来的图形。这对于交互开发来说是一个必经障碍，想要监听图形的点击事件思路很简单，只要监听canvas元素本身的点击事件，再判断点击坐标位[详细]
-
Html5实现单张、多张图片上传功能
所属栏目：[建站] 日期：2020-03-29 热度：89
副标题#e# 今天我们聊一聊图片上传，单张Or多张 ，如今，各大图片上传插件数不胜数，例如：Jquery的 verupload.js，jQuery File Upload、Uploadify、jQuery.filter等等。But。上面说到的这些插件，今天我们不谈，我们来看一看使用HTML5中的FileReader 如何[详细]
-
鲜为人知的HTML5语音合成功能
所属栏目：[建站] 日期：2020-03-29 热度：133
听一下就会发现，播放出来的声音并不是预先录制好的音频资料，而是通过文字识别后合成的语音 请先戴上耳机，然后将下面的代码复制到chrome控制台中体验～ let msg = new SpeechSynthesisUtterance(欢迎你阅读我的博客);window.speechSynthesis.speak(msg);[详细]
-
超链接图标规范:提升文章的可阅读性
所属栏目：[建站] 日期：2020-03-29 热度：92
1、什么是超链接图标规范 超链接图标规范是根据《Iconize Textlinks with CSS》修改调整完成的。主要是整理出常用到的一些icon，整合成一张图片，减少图片的服务器请求次数。通过这套css framework，给链接文件的类型加上icon标识。提升文章的可阅读性。 2[详细]
-
网页表格或div层在网页中被撑开解决之道
所属栏目：[建站] 日期：2020-03-29 热度：198
在我们设计网页的时候，总会遇到一些不愉快的事情，最常见的莫过于在后台添加内容后才发现显示的页面被撑开，导致网页极度不美观。以前大家基本上都是设计表格，网上自然不少对于的解决方法，如今还有div css标准设计，很少看到相关好的方法，现在潇湘在线[详细]
浙公网安备 33038102330554号