Image图片组件分为网络图片和本地图片使用： 1、使用资源图片前必做两个步骤： 1、在根目录下创建子目录，子目录中创建2.0x和3.0x（也可以创建4.0x、5.0x... 但是2.0和3.0是必须的）目录，在对应目录中添加对应分辨率图片。（图1） 2、打开pubspec.yaml文件， 配置图片 ...
分类：
其他好文 时间：
2021-01-19 12:11:05
阅读次数：
0
今天我们要做一个调整图片的demo，要求能够通过拖动图片的角标来实现旋转和等比放缩的操作，核心设计思路就是通过鼠标移动的位置和图片原位置的坐标进行数学计算，重新设置图片的宽高、坐标和旋转角度等属性。一.布局案例中图片和角标都放置在了对象组父容器中。父容器设置了X、Y原点为50%，即父容器的坐标原点在其中心位置，再设置图片组件的X、Y原点也为50%，并令其XY坐标为(0,0)，则可使图片中心点与父容
分类：
其他好文 时间：
2020-04-21 18:25:57
阅读次数：
140
在案例中经常需要实现这样一种功能，我们先获取到用户的微信头像，然后给用户的头像添加一些装饰的图案并制作出一张新的图片，最后还可以让用户下载下来作为自己的微信头像。今天就结合“给我一面五星红旗”这个demo讲一讲这种案例该如何实现。1.首先搭建一个比较简单的界面，主体是一个画布，在画布里添加两个图片组件，一张用来显示当前用户的头像，另一张小图就是展示小国旗。还需要添加一个横幅，横幅里面放置一个图片组
分类：
微信 时间：
2020-04-03 00:25:57
阅读次数：
193
页面导航与标签导航十分类似，功能和使用方法也基本一致，区别在于页面导航更多用于移动端页面、APP功能页面之中。1.将页面划分为两个区域，底部的行用来作为页面导航器，上面的行用于展示各个页面的内容。2.将页面导航器的标签和图标填入对象数组作为循环创建的数据来源，for容器下是一个列容器，里面是一个文本组件和图片组件，分别绑定对象数组的标签名和图片。3.给for容器下的列容器添加点击事件，当点击列时将
分类：
其他好文 时间：
2020-03-26 23:12:55
阅读次数：
234
在实际案例中经常会需要展示一个图片列表，但是列表中由于图片数量比较多，所以每张图片都会比较小。这时我们需要一个功能，能够点击某一张图片就显示这张图片的大图，今天就是说一下ivx中如何实现这种预览效果。1.图片列表demo中的图片列表是用循环组件创建的，图片资源已经存放在对象数组里，for容器下的图片组件已经绑定了当前数据中的图片资源。父容器是一个行并且开启了自动换行，每行显示两张图片。2.小图与大
分类：
其他好文 时间：
2020-03-16 23:36:06
阅读次数：
96
<!-- 小程序中图片默认宽度是320*240 mode="scaleToFill" 在图片宽高小于默认宽高的情况下 拉伸至100%，完全将图片显示出来 mode="aspectFill" 只有图片的短边会被100%显示出来，长的边会被截取 mode="aspectFit" 图片的长边会被100%显 ...
分类：
微信 时间：
2020-02-29 00:54:21
阅读次数：
127
vue上传图片，组件用element-ui上传组件 <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success= ...
分类：
Web程序 时间：
2020-02-23 23:51:14
阅读次数：
114
HTML：<div id="china_map" style='margin-top: -120px;width:100%x;height:600px;'></div> 以下是echarts地图相关代码 dataList () { // 初始化echarts实例 this.chinachart = ...
分类：
其他好文 时间：
2020-02-05 13:15:04
阅读次数：
80
首先 启动Cmder vue ui 新建个环境 用Element组件引入 安装 npm i element-ui -S 在 main.js中引入 如图 在页面显示上传图片 这些是上传的布局 接下来在页面引入vuex 在methods中把imgUrl穿入到vuex中的 stroe文件夹下的index. ...
分类：
Web程序 时间：
2019-12-29 20:46:46
阅读次数：
168
