-
详解移动端HTML5音频与视频问题及解决方案
所属栏目：[建站] 日期：2020-05-12 热度：139
最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。 传统的精灵动画： 磁盘空间大，下载慢，尤其是在线播放，会更慢 文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常 因此，急需开发了一套技术，用视频代[详细]
-
HTML5 Canvas图像模糊完美解决办法
所属栏目：[建站] 日期：2020-05-12 热度：134
1、最近在用h5的canvas画动画，发现图像特别模糊。后来终于找到罪魁祸首是meta name=viewport content=width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no /这个代码，因为这行代码进行了伸缩 2、模糊图像的效果： 3、[详细]
-
详解Canvas 实现炫丽的粒子运动效果（粒子生成文字）
所属栏目：[建站] 日期：2020-05-12 热度：122
副标题#e# 没有最好，只有更好，如题所示，这篇文章只要是分享一个用 Canvas 来实现的粒子运动效果。感觉有点标题党了，但换个角度，勉勉强强算是炫丽吧，虽然色彩上与炫丽无关，但运动效果上还是算得上有点点炫的。不管怎么样，我们还是开始这个所谓的炫丽[详细]
-
基于 HTML5 Canvas实现 的交互式地铁线路图
所属栏目：[建站] 日期：2020-05-12 热度：135
副标题#e# 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获[详细]
-
利用html5 file api读取本地文件示例(如图片、PDF等)
所属栏目：[建站] 日期：2020-05-12 热度：126
在html4的年代，我们如果要在网页上呈现一张用户本地的图片，需要用户先把图片上传到服务器，再根据服务器提供的图片地址把图片下载下来，才能把图片在网页上呈现出来。这一来二往，起码已经费了两倍于这张图片的流量了，更别说服务器为了存储这张图片所花[详细]
-
canvas烟花特效锦集
所属栏目：[建站] 日期：2020-05-12 热度：197
副标题#e# 实现一 html canvas id=canvas/canvas css body {background: #000;margin: 0;}canvas {cursor: crosshair;display: block;} js // when animating on canvas, it is best to use requestAnimationFrame instead of setTimeout or setInterval//[详细]
-
canvas实现图片马赛克的示例代码
所属栏目：[建站] 日期：2020-05-12 热度：134
1. 原生canvas实现用到的API 1） getContext(contextID) ---返回一个用于在画布上绘图的环境 复制代码 代码如下: Canvas.getContext('2d') // 返回一个 CanvasRenderingContext2D 对象，使用它可以绘制到 Canvas 元素中 2）drawImage drawImage(imgObj, x,[详细]
-
使用Html5、CSS实现文字阴影效果
所属栏目：[建站] 日期：2020-05-12 热度：164
前两天有一个学html5前端小美女问我一个有关文字阴影的效果怎么去实现。她和我说文字阴影嘛,她也知道text-shadow,.但是却做不出想要的样子,其实css3的新功能是很强大的,不要把你的思想太过于局限化,好了,闲话也不多说,咱们就先来看看这个文本阴影. 一.文字[详细]
-
使用html2canvas实现浏览器截图的示例代码
所属栏目：[建站] 日期：2020-05-12 热度：174
使用html2canvas实现浏览器截图,必须在服务器环境下才能实现。 作用 html2canvas可以通过纯JS对浏览器端经行截屏，但截图的精确度还有待提高，部分css不可识别，所以在canvas中不能完美呈现原画面样式 /*多行溢出省略就不行，只能超出隐藏了*/.book_inf{po[详细]
-
html5 分层屏幕适配的方法
所属栏目：[建站] 日期：2020-05-12 热度：192
副标题#e# 设计大大，这次真的是 按设计稿来 了，因为现在，任何机子都是设计稿标准机！ 开发同学，这下你就直接读设计稿标注就好了啦！ 屏幕适配 屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill，多屏常见是 依宽[详细]
-
详解Html5原生拖拽操作
所属栏目：[建站] 日期：2020-05-12 热度：169
最近的一次项目开发中用到了H5的拖拽功能，由于现有项目使用的是VUE全家桶，使用了vuedragable这个插件，但是整个过程是比较痛苦的。遂决定从H5拖拽的原理开始研究，然后再将其应用到数据驱动的框架中。在H5中要想实现拖放操作，至少需要经过两个步骤：1)[详细]
-
html5中如何将图片的绝对路径转换成文件对象
所属栏目：[建站] 日期：2020-05-12 热度：132
副标题#e# 将图片的绝对路径转换成base64编码，请看这篇文章 我们先来理解基本知识点： 1. 理解HTML5中的FileList对象与file对象。 在HTML5中，FileList对象表示用户选择的文件列表。通过添加multipe属性，file控件内允许一次选择多个文件。控件内的每一个[详细]
-
html5 canvas绘制放射性渐变色效果
所属栏目：[建站] 日期：2020-05-12 热度：104
canvas有些地方还是有点坑的，比如fillRect是方法不是属性，如果写成fillRect=这样是没效果的，而且还不报错.... 这里用到了createRadialGradient这个API 这个API接收6个参数，前三个表示底下的圆，后三个表示上面的圆，返回的实例依然可以用addColorStop[详细]
-
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
所属栏目：[建站] 日期：2020-05-12 热度：140
button onclick=http://www.jb51.net/html5/call()通用分享/buttonbutton onclick=http://www.jb51.net/html5/call('wechatFriend')微信好友/buttonbutton onclick=http://www.jb51.net/html5/call('wechatTimeline')朋友圈/buttonbutton onclick=http://w[详细]
-
canvas基础之图形验证码的示例
所属栏目：[建站] 日期：2020-05-12 热度：138
在通常的登录界面我们都可以看到验证码，验证码的作用是检测是不是人在操作，防止机器等非人操作，防止数据库被轻而易举的攻破。 验证码一般用PHP和java等后端语言编写； 但是在前端，用canva或者SVG也可以绘制验证码； 直接上干货： !DOCTYPE htmlhtmlhea[详细]
-
分享一个H5原生form表单的checkbox特效代码
所属栏目：[建站] 日期：2020-05-12 热度：120
!DOCTYPE htmlhtmlhead meta charset=UTF-8 title/title style.md-checkbox {margin: 50px;position: relative;height: auto;font-size: 14px;}.md-checkbox labelspan.inc {-webkit-animation: growCircle 0.2s ease;-moz-animation: growCircle 0.2s eas[详细]
-
html+css实现自定义图片上传按钮功能
所属栏目：[建站] 日期：2020-05-12 热度：74
普通的input[type=file]的效果很朴素 可以自定义一个file选择文件的按钮： 思路为： 用定位将自定义的按钮遮住原来的选择文件按钮， 再让点击自定义按钮时触发原来的选择文件按钮的事件即可 （对此，label可实现） eg: html: css样式： 结果图： 点击选择[详细]
-
分享一个页面平滑滚动小技巧(推荐)
所属栏目：[建站] 日期：2020-05-12 热度：99
今天写需求的时候发现一个小的优化点：用户选择了一些数据之后, 对应列表中的数据需要高亮， 有时候列表很长， 为了提升用户体验，需要加个滚动， 自动滚动到目标位置。 简单的处理了一下， 问题顺利解决， 就把这个小技巧分享一下给大家。 正文 有几种不[详细]
-
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
所属栏目：[建站] 日期：2020-05-12 热度：174
最新因项目需要，就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能，可以发微信表情，查看图片、视频... 由于代码较长，小编打包了。需要的朋友点击下载。 具体代码如下所示： 总结 以上所述是小编给大家介绍的利用HTML5+css3+jquery+weui实现仿微[详细]
-
“智能快递柜收费”应尽快回归多方协商
所属栏目：[建站] 日期：2020-05-12 热度：92
智能快递柜巨头丰巢科技收取超时费所引发的话题仍在持续发酵。国内多地均出现部分小区选择停用丰巢快递柜的现象，山东、江苏、浙江、福建等地监管部门也陆续发声，回应快递柜收费相关话题。5月9日晚，丰巢发布致用户公开信再度回应，解释初衷并推出鼓励尽[详细]
-
揭秘中国空间站
所属栏目：[建站] 日期：2020-05-12 热度：56
副标题#e# 2020年5月5日，在中国文昌航天发射场，首次发射的长征五号B运载火箭，成功将新一代载人飞船试验船和柔性充气式货物返回舱试验舱送入太空轨道。5月8日，新一代载人飞船试验船返回舱成功着陆返回，试验取得圆满成功。这也是中国空间站在轨建造阶段[详细]
-
民航货运量“逆势增长”
所属栏目：[建站] 日期：2020-05-12 热度：89
受新冠肺炎疫情影响，航空公司纷纷削减航班计划。今年第一季度我国民航全行业累计亏损398.2亿元，其中航空公司亏损336.2亿元。但航空货运需求却大幅增长。3月份我国全货机货运量“逆势增长”，共完成25.3万吨，较去年同期增长28.4%。我国民航货运之所以实[详细]
-
为求“清静” NASA要在月球背面安个望远镜
所属栏目：[建站] 日期：2020-05-12 热度：115
设想一下，一台比500米口径球面射电望远镜（FAST）接收面积大3倍的望远镜，放在月球，会是何种景象？ 近日，美国国家航空航天局（NASA）喷气推进实验室的萨普塔实·班迪帕黑向NASA创新先进概念计划（NIAC）提交了一个新方案——月球环形山射电望远镜项目，[详细]
-
2020珠峰高程测量登顶测量日期推后
所属栏目：[建站] 日期：2020-05-12 热度：86
这是海拔6500米的前进营地（5月9日摄）。新华社特约记者 扎西次仁摄 新华社珠峰大本营5月9日电 记者从2020珠峰高程测量登山队了解到，受攀登路线上积雪的影响，登顶测量日期将比原计划推后。 2020珠峰高程测量登山活动负责人王勇峰介绍，8日，2020珠峰高程[详细]
-
整体成交下跌37%！国内木材市场何时复苏？
所属栏目：[建站] 日期：2020-05-12 热度：93
一场新冠肺炎疫情打乱了世界的节奏，改变了人们对未来世界的预期。 2020年，中国木材市场还没有从结构性产能过剩的低迷行情中恢复过来，又要面对新冠肺炎疫情导致的一场更大、更严峻的市场危机。 交易“量价齐跌”，回笼资金成刚需 根据中国木材价格指数网[详细]
