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
浏览:915 标签: canvas js
使用canvas将图片转换成base64格式
使用canvas将图片转换成base64格式
注意:canvas绘制图片,由于浏览器的安全考虑,如果在使用canvas绘图的过程中,使用到了外域的图片资源,那么在toDataURL()时会抛出安全异常:Uncaught SecurityError: Failed to execute'toDataURL' on'HTMLCanvasElement': Tainted canvases may not be exported
浏览:536 标签: canvas base64
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
浏览:540 标签: css
微信小程序image组件图片宽度高度自适应
微信小程序image组件图片宽度高度自适应
由于微信小程序image组件图片有默认固定的宽度和高度,这样我们在做项目的时候,图片不会自适应,出现变形的现象。image组件官方介绍:https://developers.weixin.qq.com/miniprogram/dev/component/image.html。image组件默认宽度300px、高度225px;image组件中二维码/小程序码图片不支持长按识
浏览:606 标签: image 微信小程序 自适应
微信小程序下拉刷新onPullDownRefresh
微信小程序下拉刷新onPullDownRefresh
页面事件处理函数-onPullDownRefresh()    (1) 需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。    (2) 可以通过wx.startPullDownRefresh触发下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。    (3) 当处理完数据刷新后,wx.stopPullDow
微信小程序去掉scroll-view滚动条
微信小程序去掉scroll-view滚动条
在使用 scroll-view 组件的时候,当你滑动的时候默认会出现滚动条的,现在有2种方法可以隐藏滚动条。方法一::-webkit-scrollbar {width:0;height:0;color: transparent;}方法二::-webkit-scrollbar {display: none;}scroll-view其他问题:微信小程序scroll-v
浏览:785 标签: scroll-view 微信小程序
微信小程序scroll-view左右横向滑动没有效果(无法滑动)问题
微信小程序scroll-view左右横向滑动没有效果(无法滑动)问题
小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动之分,官方文档介绍:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html在使用scroll-view过程种,发现scroll-view横向滑动没有了效果,编译后元素布局也不对,经过多方查资料:    1. s
浏览:564 标签: 微信小程序 scroll-view
微信小程序app.json全局配置之tabBar配置
微信小程序app.json全局配置之tabBar配置
如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。属性类型必填默认值描述colorHexColor是tab 上的文字默认颜色selectedColorHexColor是tab 上的文字选中时的颜色backgroundColorHexColor是t
浏览:482 标签: tabBar 微信小程序
微信小程序获取用户信息的两种方法wx.getUserInfo&open-data
微信小程序获取用户信息的两种方法wx.getUserInfo&open-data
wx.getUserInfo获取用户信息:调用前需要 wx.getSetting 用户授权 scope.userInfo。如果用户未授权获取用户信息, 你调用这个wx.getUserInfo() , 小程序会弹出一个授权的弹出框。// 获取用户信息wx.getSetting({ success: res => {console.log(res)if (res.aut
浏览:831 标签: 小程序 getUserInfo open-data
微信小程序通过wx.login获取用户openId、session_key
微信小程序通过wx.login获取用户openId、session_key
wx.login(Object object)调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)等。用户数据的加解密通讯需要依赖会话密钥完成,官方介绍:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/
浏览:1255 标签: 小程序 wx.login openId
js/jq代码实现鼠标点击文字有趣特效
js/jq代码实现鼠标点击文字有趣特效
效果展示JQuery代码部分<script type="text/javascript">/* 鼠标特效 */var a_idx =0;jQuery(document).ready(function($){ $("body").click(function(e){var a =newArray("富强","民主","文明","和谐","自由","平等","公正" ,"
浏览:553 标签: 文字
网页一键分享到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/
浏览:853 标签: 分享

邮箱快速注册

忘记密码