微信小程序一个你可能需要的功能

根据工作需要。需要做一个图片选中部分区域的效果。百度了很久，都没有见有。于是就自己写了个，需要的可以借鉴下，还有很多需要改善的地方现在先看看效果

效果图

那这个有什么用呢。。需求是选中图片的某个区域然后给它添加注释。还可以有其他用处。那这个是怎么做到的呢。。首先我说下基本的思路
——-> 图片作为一个背景。然后上面是一层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>

本文链接：https://blog.csdn.net/qq793318828/article/details/78804322

智能推荐

Python由放弃到入门，基础篇七（类）下

类的实例化有感于现在python教程多如牛毛，且大多高不可攀，多次拜读而不得其门道，遂由入门到放弃。偶有机缘，得一不错教程，得以入门，现博客分享，想要获取完整教程，ff17328081445。通过对比可以看到，实例化后再使用的格式，①是空着的，意思是这里不再需要@classmethod的声明，并且在第②处，把cls替换成了self。同时，实例化后再使用的格式，需要先赋值然后再调用（第③处）： ...

pytorch CNN手写字体识别

数据整体训练一次，对于accuracy都是0的问题，由于刚开始学，有些代码的细节我也没看懂，不过整体结果是对的，可能是由于pytorch版本的更新，导致accuracy的计算方式有所改变内容转载自：https://www.bilibili.com/video/av15997678/?p=19...

linux后台运行命令总结

linux后台运行命令总结问题：我们有时候需要登录远程服务器跑运行时间非常长的脚本，这个时候你要让脚本后台运行，不然占着终端窗口看着不舒服。但万一网络不好，（比如我这儿的破校园网，高峰时几秒钟断一次），终端突然和服务器之间的连接断了，那脚本就会自动停了（因为运行test.sh进程的父进程就是当前的shell终端进程，关闭当前shell终端时，父进程退出，会发送hangup信号给所有子进程，子进...

类对象模型和this指针

关于类/对象大小的计算类只是一种类型定义，它本身是没有大小可言的。我们这里指的类的大小，其实指的是类的对象所占的大小。因此，如果用sizeof运算符对一个类型名操作，得到的是具有该类型实体的大小。首先，类大小的计算遵循结构体的对齐原则类的大小与普通数据成员有关，与成员函数和静态成员无关。即普通成员函数，静态成员函数，静态数据成员，静态常量数据成员均对类的大小无影响虚函数对类的大小有影响，...

学好英语网网页

...

微信小程序一个你可能需要的功能

智能推荐

猜你喜欢