关于微信小程序画布和背景透明度调节组合的相关问题

需求是在滑动页面的情况下,各个组件不偏离,而且滑块可以单一的调节背景的透明度,而不调节画布的透明度。

我大致说一下我自己的做法,图片中,滑动时,组件不偏离的情况,是直接设置画布的view的background,但是这种情况,不能单一的改变背景的透明度,画布的透明度也会随之改变。
图片说明
图片说明

另一图片是滑动时,画布会偏离,但是可以单一的调节背景透明度。这种情况我是分别设置两个view装背景图和画布,背景图的那个view的position设置为fixed

图片说明
图片说明

但是同时满足,上面的需求的做法,我想不出来...希望可以得到解答,谢谢。如果需要源代码,我会再贴出来

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序画布 canvas
canvas画布。属性名类型默认值说明canvas-idString canvas 组件的唯一标识符disable-scrollBooleanfalse当在 canvas 中移动时且有绑定手势事件时,禁止屏幕滚动以及下拉刷新bindtouchstartEventHandle 手指触摸动作开始bindtouchmoveEventHandle 手指触摸后移动bindtouchendEventHandl...
微信小程序画布详解
有的时候需要插入动画,这时就需要用到画布,接下来浅谈一下画布的功能和用法吧 wxml代码 <canvas style="width:414px;height:637px" canvas-id="plainId" class="canvas" bindtap="click" bindtouchmove="move"></canvas>其中“canvas-id”为当前幕布的一名称。就例如服务号或订阅号
微信小程序画布canvas
微信小程序,画图板制作 画图,画布canvas,源码下载,
微信小程序~画布应用
XXXX
微信小程序透明度 opacity
wxml文件中 :style="opacity:{{number}}"    number代表透明度的值 取值范围0—1  0代表不透明 1代表全透明  具体应用中可在js文件中写个方法对number根据用户动作进行动态设置
图片透明度调节程序
一个可以调节图片透明度,并能保存调整后的图片的程序!用C#编写!
微信小程序的相关问题
创建一个小程序项目 1.准备一个配置好的小程序账号,拿到appId.如下图: 2.创建一个空目录 这里需要注意的一点是:一定是个空目录,不要放任何东西.我曾经创建了一个目录,配了git仓库,在目录下放置了一个readme.TXT文件后,就没有出现创建小程序的确定按钮. 小程序开发中遇到的一些问题 1.回调函数的使用 //验证是否弹出手机号的弹框 function che...
微信小程序->相关问题
1.当在app.json中的tabBar-&amp;gt;list中定义了相关路径的话,在页面执行点击事件,跳转到定义过的路径,默认跳到首页。 例子: 定义了logs这个路径后,在执行事件跳转,默认跳到/index/index而不是logs/logs...
微信小程序开发——画布
画布 canvas canvas 属性名 类型 默认值 说明 canvas-id String canvas 组件的唯一标识符 disable-scroll Boolean false 当在 canvas 中移动时且有绑定手势事件时,禁止屏幕滚动以及下拉刷新 bindtouchstart EventHandle...
关于TextView的背景透明度和字体透明度的问题。
TextView背景透明度和字体透明度,以及TextView圆角的问题解决。
微信小程序相关
快捷键 F1,找所有的快捷键 ctrl+p,快速查找打开文件 ctrl+e,快速打开最近打开过的文件 Shift+Alt+F,格式化代码 注意点 根目录,/ 小程序单位rpx,与iPhone6设计稿 ...
透明度调节的问题。
做的第一个winform,现在出现了个问题无法解决。rn主窗口有设置透明度项,点击弹出设置透明度的窗口。rn我用trackBar控件控制透明度,传到xml里,再在主窗口中读取xml。rn我这样做碰到两个问题。rn1,无法实现像QQ皮肤那样的自定义透明度的实时预览。rn2,必须把程序关了再启动才能看到上次设置的透明度。rn头疼,个有哪位大哥能帮帮我?谢谢了!!
微信、小程序相关
1、列出3-4个常用的微信接口,订阅号怎么在网页中得到openid,服务号和订阅好的区别是什么? 2、简要说明一下微信小程序(前段+后端)
微信小程序组合套餐
课程套餐包含小程序的申请,项目开发,和小程序微信支付实战,比较完善的一个流程。
Android 对话框弹出底部背景透明度调节
WindowManager.LayoutParams lp=getWindow().getAttributes();  lp.dimAmount=0.8f;  window.setAttributes(lp);  window.addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND); 将以上代码复制到你自的构造函数中。即可。
微信小程序设置背景
最近学习小程序,设置背景时遇到两个比较狗血的问题。一个是本地图片直接引入报错,不能使用。另一个是背景高度百分百。解决方式:引入网络地址或者base64位。第二个背景图高度100%的前提是,父元素高度100%。我习惯性的写了body,结果看了结构才知道,父元素是page。尴尬!...
微信小程序画布开发小记
最近圣诞节就要到了,于是想为我的小程序添加个圣诞帽生成的功能,可以为你的头像选择圣诞帽,然后生成图片到本地。看下效果图,有兴趣的小伙伴也可以扫小程序码体验一下 在开发这个功能的过程中,遇到了一些小问题,就在这里记录一下吧。 一、canvas加载图片问题 在canvas里无法直接加载网络图片,只能使用本地的。所以需要使用 wx.getImageInfo 来把网络图片缓存到本地,然后才能使用...
微信小程序画布圆形进度条demo
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: wxml &lt;!--pages/test/test.wxml--&gt; &lt;canvas style="width: 300px; height: 200px;" canvas-id="canvasid"&gt;&lt;/canvas&gt; js /...
微信小程序画布手写签名
微信小程序手写画板界面布局&amp;lt;view class='content'&amp;gt; &amp;lt;canvas class='firstCanvas' canvas-id=&quot;firstCanvas&quot; bindtouchmove='move' bindtouchstart='start' bindtouchend='...
微信小程序画布canvas实战经验总结
1,真机图片不显示   (1)图片必须是htttps的网络图片,并且在后台已配置    (2)先把图片现在下来再用图片           wx.downloadFile({ url: that.data.img, success: function (sres) { console.log(sres); that.data.img = s...
绘制微信小程序画布时钟
在之前的文章里http://blog.csdn.net/weixin_36185028/article/details/53786993分享了用Html5画布绘制了mac时钟,微信小程序官方组件也提供了画布功能,下面分享一下如何创建微信小程序画布时钟。 总体思路是对pages中的一个小程序页面构建画布时钟逻辑程序,通过app.json公共设置来配置入口。 首先来看一下构建这样一个小程序所需要的
微信小程序画布爬坑
微信小程序画布爬坑 经过2天的摸索,初步了解了画布的神奇(坑啊)。 画完之后保存到本地,请用wx.saveImageToPhotosAlbum保存图片,而不是wx.saveFile保存文件的api。saveImageToPhotosAlbum才是把图片保存到相册; 保存之后的图片,如果遇到背景色是黑的,请先查看你生成图片时的格式是png还是jpg,官方默认png。如果是png,把它改成jpg。改...
【微信小程序之画布】一:canvas组件
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: 此文章主要是对canvas组件的介绍与基本的使用。在组件中绘画了一条固定的直线。 我们先了解一下canvas组件: wxml: &lt;canvas class='myCanvas' canvas-id="myCanvas" bindtouchstart='EventHandleStar...
微信小程序canvas画布自适应屏幕大小
1. 在canvas的style中动态设置高和宽 &amp;lt;canvas class='canvas' style='width:{{canvasWidth}}px; height:{{canvasHeight}}px' disable-scroll='true'&amp;gt; &amp;lt;/canvas&amp;gt;   2. 在.js生命周期函数中获取可使用窗口高度和宽度来调整canv...
微信小程序实现页面加入背景图片以及调节透明度
在微信小程序中有时候需要在页面加入背景图片以及调节透明度让我们的小程序变得更加美观,以下是代码实现: 1、WXML &amp;amp;lt;view class=&amp;quot;bg&amp;quot; &amp;amp;gt; &amp;amp;lt;image class=&amp;quot;bg-image&amp;quot; mode=&amp;quot;scaleToFill&amp;quot;&amp;amp;gt;&amp;amp;lt;/image&amp;amp;gt
微信小程序 动画 放大 改变透明度
微信小程序 动画 放大 改变透明度
微信小程序-小程序相关工具类
simpleTools 记录开发过程中用到的相关工具类,实现小功能程序。例CRC校验 同时测试一下,利用github版本控制工具,来实现多人协作开发,目的不是多人,是实现不同地点的开发。 有时自己想实现一些功能或某些想法,在公司没事的时候写一写,同时在家里也想接着开发。所以想到用github来支持同时开发
微信小程序例子——调节手机屏幕亮度
使用滑动选择器控制手机屏幕亮度
关于动态的调节 窗体的透明度 的问题
我想问大家一个问题rn我想动态的调节 窗体的透明度(1为默认状态)rn我的代码是: me.opacity-=0.05rn if me.opacity=0.2 then me.opacity=1rn但测试结果行不通,窗体无限变淡,但却变不回初始状态.奇怪啊
开发 | 微信小程序API-wx.setScreenBrightness_屏幕亮度调节
微信小程序API - wx.setScreenBrightness微信小程序 wx.setScreenBrightness 属性说明:https://mp.weixin.qq.com/debug/wxadoc/dev/api/device.html#wxsetscreenbrightnessobject 如何使用小程序API屏幕亮度 -wx.setScreenBrightness ?步骤一打开微信
微信小程序:开发相关
目录 页面上拉事件,页面下拉事件 返回上一个页面:【无路径记录】 页面上拉事件,页面下拉事件 页面往上拉,拉到底部,触发onReachBottom事件 页面往下拽,拽到顶部,触发onPullDownRefresh事件 不管是哪个事件,在执行完操作后,都要添加wx:wx.stopPullDownRefresh(); 停止上拉/下拽。 想要开启上拉/下拽,必须在当前页面的XXX.js...
微信小程序相关介绍
1.什么是小程序? 2017年百度一大热词。 微信小程序(wei xin xiao cheng xu),简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小, 下载速度很快,用户感觉不到下载的过程 ) 小程序刚发布的时候要求压缩包的体积不能大于1M,,否则无法通过,在2017年4...
微信小程序相关资料收集
微信官方文档地址:  https://mp.weixin.qq.com/debug/wxadoc/dev/ 具体的开发文档、设计指南和开发者工具可以参考以下链接: 1. 小程序开发文档 2. 小程序设计指南 3. 小程序开发者工具 开发工具下载地址 windows 64 windows 32 mac   ...
微信小程序-微信小程序的相关特效插件
wxapp-微信小程序组件 weui-wxss中的样式还算齐全,不过根据自己平时的业务需要又新增了一些组件,目前想到的暂时为以下几个 [x] 文字跑马灯 [x] 弹出层(常用于选择商品属性) [x] 订单好中差评价交互 [x] 富文本解析 [x] 左侧可滑动tabbar [x] 横向滚动图文 [x] 省市区三级联动(单页面(小程序的页面层级限制)、多页面两种) [x] loading [x] 验证码倒计时 [x] 左滑取消操作、删除 [x] 单选按钮,复选按钮,on/off开关 [x] checkbox全选/全不选 [x] toast(warning,danger) [x] 横向可滑动tabbar [x] 图片翻页动画 [x] 瀑布流图文 [ ] 自定义日历(ios有兼容问题,未解决,慎用!) [x] 商品属性值联动
UGUI画布相关小功能
1. 图片定点缩放 我们在接收qq图片点开查看时,图片放大缩小是以鼠标所在位置为轴点。我把这个功能做到了开发的小工具里,在此记录方法。 重点:计算图片缩放后应与鼠标的距离v,进行缩放后再将图片的rectTransform.localPosition与鼠标位置设置为v,即可。 private void Update() { //Zoom...
CB6下的背景透明度问题
我用一个PaintBox来绘图,想用鼠标在上面拖个区域,区域能显示PaintBox上的图,但是能有个像是有层透明塑料的感觉,不知怎么实现。rnrn效果就像在资源管理器下用鼠标拖个区域的那样,我是用C++Builder6开发的。rnrn我的想法是在PaintBox上放个如Image之类的控件,然后再在上面处理,具体不太清楚。
弹出层背景透明度问题...
rn[img=https://img-bbs.csdn.net/upload/201310/23/1382511742_789375.jpg][/img]rnrn想做如上的效果.rnrn要求:rnrn1.要适应全部的浏览器rnrn2.可以自由更改透明度及其颜色rnrn在线等...
小程序画布使用
最近开发了一款自己的小程序,名字叫做哎呦天气,在这个小程序中有两处使用到了画布canvas,所以在此总结一下。首先看一下我用canvas做的两个效果:第一张截屏中的折线图和第二张截屏中的带有二维码的图片都是使用canvas生成。OK,开始使用canvas,我们先从简单的做起,先画出带有二维码、地址、温度、背景图的这个图片:首先生成一个CanvasContext:const ctx = wx.cre...
微信小程序 顶部标题的相关问题
wx.showNavigationBarLoading(Object object) 在当前页面显示导航条加载动画   wx.hideNavigationBarLoading(Object object) 在当前页面隐藏导航条加载动画   wx.setNavigationBarTitle(Object object) 动态设置当前页面的标题 wx.setNavigationBar...
微信小程序WebSocket相关问题说明
看本帖的前提是:你的WebSocket在小程序之外是正常可用的;因为WebSocket不是小程序独有的,所有大部分问题在网上是可以找到说明的,本帖只是聚合了一些小程序中使用WebSocket中遇到的问题及可能性,以便大家集中排除; 目前主要发现WebSocket相关的问题: 1:带了端口(会出现调试可用,体验版不可用的情况,参考打开调试模式与非调试模式的区别) 2:证书有问题; 官
相关热词 c# 线程顺序 c#昨天当前时间 c# 多进程 锁 c#mysql图片存取 c# ocx 委托事件 c# 读取类的属性和值 c# out 使用限制 c#获取url的id c#怎么进行分页查询 c# update 集合