微信小程序一个你可能需要的功能
来源:互联网 发布:java线程状态 编辑:程序博客网 时间:2024/06/01 10:35
根据工作需要。需要做一个图片选中部分区域的效果。百度了很久,都没有见有。于是就自己写了个,需要的可以借鉴下,还有很多需要改善的地方 现在先看看效果
效果图
那这个有什么用呢。。需求是选中图片的某个区域然后给它添加注释。还可以有其他用处。那这个是怎么做到的呢 。。首先我说下基本的思路
——-> 图片作为一个背景。然后上面是一层canvas 以及最上面生成的view
因为只是一个demo 所以写法上就没有样式分离了。。下面是布局的代码
<!--index.wxml--><view class="container"> <view> <image src="https://img.alicdn.com/bao/uploaded/i4/2824260419/TB17ZfzgZnI8KJjSsziXXb8QpXa_!!0-item_pic.jpg_430x430q90.jpg" style="width:100%;height:100%;position:absolute;left:0px;"></image> <canvas canvas-id="identify" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" bindtouchcancel="touchCancel" style="left:0px;position:absolute;height:100%;width:100%;"/> </view> <view style="width:{{item.width}}rpx;height:{{item.height}}rpx;border:5rpx solid #00f;position:absolute;left:{{item.x}}rpx;top:{{item.y}}rpx;" wx:for="{{canvesView}}" wx:key="{{index}}" bindtouchstart="ViewtouchStart" bindtouchmove="ViewtouchMove" bindtouchend="ViewtouchEnd" data-id="{{index}}" >{{index}}</view></view>
阅读全文
0 0
- 微信小程序一个你可能需要的功能
- 开发一个功能,你需要:
- 一组Js的小技巧/功能。可能是你需要的!
- 功能测试用例需要详细到什么程度,完全测试程序是可能的么
- 推荐:你可能需要的在线电子书
- 你需要的可能不止CTO
- 一些你可能需要的okhttp实现
- 你可能需要的优秀英文网站
- Android 你可能需要的NiceDialog
- 你可能需要了解的HTTP
- 解决一个问题有多难?你可能只需要这四步
- 微信小程序你需要知道的东西
- 可能你不知道的TClientDataset功能
- 可能你不知道的TClientDataset功能
- 可能你不知道的TClientDataset功能
- 大灰狼的Javascript工具箱(五)——一组Js的小技巧/功能。可能是你需要的!
- 你可能需要为你的 APP 适配 iOS 11
- 你可能需要为你的APP适配iOS11
- python opencv批量读入图像并进行文本检测
- 【ML学习笔记】11:Accuracy/FAR/FRR/Precision/Recall/ROC/AUC
- 扫雷
- Nginx 做JavaWeb负载均衡
- 微服务架构中模块划分和服务识别
- 微信小程序一个你可能需要的功能
- Arduino语音天气预报(一)
- Windowing Functions In Hive
- Spark学习笔记1-RDD编程
- 信数金服决策引擎分享(三):如何实现决策的协同维护?
- 移动web(三)touch事件详解
- C语言实现动态顺序表
- 两个人聪明人的空城——《司马懿之虎啸龙吟》
- 学习笔记—bootstrap(2)