js判断ios系统/iphoneX/安卓系统

js判断ios系统/iphoneX/安卓系统

判断手机设备是ios系统,还是安卓(android)系统,或者是iphone。functiongetMobileSystem(){var u = navigator.userAgent;var isAndroid = u.indexOf('Android') >-1 || u.indexOf('Adr') >-1;//android系统var isiOS = !!u.match
浏览:7 标签: iphoneX ios 安卓 时间: 2018-11-20 14:30
vue中使用html2canvas及解决html2canvas截屏图片模糊问题

vue中使用html2canvas及解决html2canvas截屏图片模糊问题

最近在项目中用到了html2canvas插件,发现将html代码生成img图片后,特别模糊。于是查了很多资料,发现有一个直接修改html2canvas源码能达到要求。html2canvas  官方网站http://html2canvas.hertzen.com/index.html。这是一个js截屏插件,在前台利用h5的canvas  将html的内容显示在canvas上,
浏览:102 标签: html2canvas 时间: 2018-10-26 19:00
js canvas实现将html页面或div生成图片

js canvas实现将html页面或div生成图片

参考文章:js实现截图并保存图片在本地(html转canvas、canvas转image)html2canvas.js和canvas2image.js的下载地址:    html2canvas.js: http://html2canvas.hertzen.com/dist/html2canvas.min.js    canvas2image.js: https://git
浏览:100 标签: canvas js 时间: 2018-10-24 11:27
使用canvas将图片转换成base64格式

使用canvas将图片转换成base64格式

注意:canvas绘制图片,由于浏览器的安全考虑,如果在使用canvas绘图的过程中,使用到了外域的图片资源,那么在toDataURL()时会抛出安全异常:Uncaught SecurityError: Failed to execute'toDataURL' on'HTMLCanvasElement': Tainted canvases may not be exported
浏览:81 标签: canvas base64 时间: 2018-10-24 11:19
css实现背景图片充满整个屏幕

css实现背景图片充满整个屏幕

css代码html{height:100%;}body{width:100%;height:100%;background:url("https://f.51fanbei.com/h5/app/activity/2018/07/buy_bg.png") center center no-repeat;background-attachment: fixed;backgroun
浏览:72 标签: css 时间: 2018-10-24 10:35
js/jq代码实现鼠标点击文字有趣特效

js/jq代码实现鼠标点击文字有趣特效

效果展示JQuery代码部分<script type="text/javascript">/* 鼠标特效 */var a_idx =0;jQuery(document).ready(function($){ $("body").click(function(e){var a =newArray("富强","民主","文明","和谐","自由","平等","公正" ,"
浏览:103 标签: 文字 时间: 2018-10-10 10:12
网页一键分享到QQ空间、QQ好友、新浪微博、微信代码

网页一键分享到QQ空间、QQ好友、新浪微博、微信代码

使用到的接口:1. 分享到QQ空间接口https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息2. 分享给QQ好友接口http://connect.qq.com/widget/
浏览:195 标签: 分享 时间: 2018-10-08 17:34
css方法事项img图片自适应父元素大小并垂直水平居中

css方法事项img图片自适应父元素大小并垂直水平居中

之前写过一篇文章【jq实现图片在父级容器内等比例缩放且居中显示】,最终展示的效果与本文效果一样,具体代码可查看文章。本文是利用css代码实现img标签图片,再父元素中实现垂直居中的方法。<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=devi
浏览:172 标签: 垂直水平 css 时间: 2018-09-07 11:11
原生 js 实现点击按钮复制文本

原生 js 实现点击按钮复制文本

最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一、原理分析浏览器提供了 copy 命令 ,可以复制选中的内容document.execCommand("copy")如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用 
浏览:324 标签: 复制 js 时间: 2018-08-16 16:35
利用swiper插件实现3D轮播效果

利用swiper插件实现3D轮播效果

头部引入 swiper-3.4.2.min.css,底部引入 swiper-3.4.2.jquery.min.js。css代码#main { width:100%; } #main .swiper-container { width:95%; padding-top:0.5rem; } #main .swiper-slide
浏览:1433 标签: swiper 轮播 时间: 2018-04-19 11:06
自定义函数:获取/设置transform属性值及属性

自定义函数:获取/设置transform属性值及属性

transform中所有的变换都是基于矩阵来实现的, 但是这块也存在一个问题,就是没法获取样式中设置的动画属性值。通过 getComputedStyle(div[0])["transform"] 方式获取到的是一个矩阵数据,如:matrix(0.5, 0, 0, 0.5, 50, 0);通过 div[0].style.transform 方式获取到是所有的与transform相
浏览:398 标签: transform 时间: 2018-04-16 21:27
利用translate封装移动端滑屏效果(缓冲动画/滚动条)

利用translate封装移动端滑屏效果(缓冲动画/滚动条)

具体滑屏布局,css样式可以查看此篇文章:http://menvscode.com/detail/5ace2f814f66b879b92af410js代码functionmScroll(init){if(!init.el){returnfalse; }var wrap =document.querySelector(init.el);var inner = wrap.chi
浏览:577 标签: translate 移动端 滚动条 时间: 2018-04-12 0:05

邮箱快速注册

忘记密码