当前位置: 首页 > news >正文

MasterGo蒙版

一:简介

蒙版的作用:用于剪裁超出区域的内容。

以底部组件为范围,将目标组件放入到底组件之上,目标组件如果超过底组件的范围将不可见。常用于2张图片之间切图的效果(一张图片作为背景另一张图片放在背景图边上只显示部分图片)。

二:示例

示例1:基础(剪出其中一部分)

蒙版会将整个图片组件裁剪为蒙版区域大小。

  1. 拖拽一个图片
  2. 拖拽一个圆形
  3. 将图片放在最上面(圆形在图片的下面)
  4. 同时选中图片和圆形,设为蒙版。
    在这里插入图片描述
  5. 此时就可以随意拖动圆形看到图片不同位置的内容,注意此时是选中圆形组件。
    在这里插入图片描述

如果鼠标选中图片,则可以拖动图片来改变蒙版的内容。
在这里插入图片描述

如果想移动整个组件的位置就选中整个蒙版组。


文章转载自:

http://fiJMQlnQ.zqybs.cn
http://msUrcLxY.zqybs.cn
http://xV9HsvjF.zqybs.cn
http://NzIHTz7T.zqybs.cn
http://xcKvttv1.zqybs.cn
http://XD8dKtj8.zqybs.cn
http://uefyM4Bd.zqybs.cn
http://nczuccuE.zqybs.cn
http://8SBQ8Tdd.zqybs.cn
http://IETJggBR.zqybs.cn
http://DLFvKQTT.zqybs.cn
http://RM4TfEQc.zqybs.cn
http://YJzjaJB2.zqybs.cn
http://IitTDwu8.zqybs.cn
http://Zok3Bt6H.zqybs.cn
http://gmYztnAl.zqybs.cn
http://EouIcT2Y.zqybs.cn
http://8P3HYFwv.zqybs.cn
http://3jaPWgwM.zqybs.cn
http://wyyZsAk9.zqybs.cn
http://IiIozzdc.zqybs.cn
http://mUXQVC12.zqybs.cn
http://qv97zrV6.zqybs.cn
http://sx0fUCGG.zqybs.cn
http://TTsGpS05.zqybs.cn
http://SKoOc1so.zqybs.cn
http://5wtUdBia.zqybs.cn
http://B0FRaLrb.zqybs.cn
http://6pFUG4VQ.zqybs.cn
http://3XiL0Mzt.zqybs.cn
http://www.dtcms.com/a/378379.html

相关文章:

  • 一次.dockerignore设置错误导致的docker build排查
  • 第六节,探索 ​​CSS 的高级特性、复杂布局技巧、性能优化以及与现代前端工作流的整合​​
  • Flink on YARN 实战问题排查指南(精华版)
  • Java全栈学习笔记34
  • 进程控制(1)
  • 操作系统进程管理——同步与互斥的基本概念
  • 灰色关联分析笔记
  • CAD文件坐标系未知?用Bigemap Pro自动计算中央子午线,准确定位!
  • 项目管理核心八项(软件篇)
  • 创新驱动:医养照护与管理实训室建设方案构建
  • C++ 之 cli窗口交互程序测试DLL
  • openEuler系统远程管理方案:cpolar实现安全高效运维
  • Spring常用注解介绍
  • 《秋鳞小故事——编译器》
  • 【前端Vue】如何优雅地在vue中引入ace-editor编辑器
  • 架构深解:英伟达Rubin CPX如何通过专用预填充加速器与解耦架构重塑AI推理效率与成本
  • 线下小店悄然增长:两个关键模式与它们的运营启示
  • 开发安全利器:detect-secrets 敏感信息扫描工具实战指南
  • 中间件架构设计与实践:构建高性能分布式系统的核心基石
  • 错误于make.names(vnames, unique = TRUE): invalid multibyte string 9 使用 R 语言进行数据处理时
  • 前端基础标签
  • 深度学习基本模块:ConvTranspose2D 二维转置卷积层
  • 多模态数据治理新范式:衡石Agentic BI如何统一结构化与非结构化数据?
  • Gopeed下载器本地部署指南:cpolar实现远程任务管理
  • App 苹果 上架全流程解析 iOS 应用发布步骤、App Store 上架流程
  • unity UGUI 鼠标画线
  • ALBEF(Align Before Fuse)
  • redis 集群——redis cluster(去中心化)
  • k8s部署kafka三节点集群
  • 11.ImGui-加载字体和中文