运行了你的项目，你有没有发现项目运行的时候会提示：
**当前项目编译模式：非自定义组件模式。编译模式差异见：[https://ask.dcloud.net.cn/article/35843](https://ask.dcloud.net.cn/article/35843)**

非 H5 端（且非自定义组件模式）不支持在 template 内使用 methods 中的函数（把计算属性当函数也不行），可以使用计算属性（computed）提前计算好（如果是数组类型，就提前计算整个数组），在 uni-app 中使用 vue 的注意事项参考：https://uniapp.dcloud.io/use

这个需求比较小众，你去找找有没有人封装好的
我之前做过类似的，先用工具处理图像得到图像的像素坐标。点击事件里对比点击事件的坐标和之前预处理得到坐标。

HBuilderX 2.9.3+ 已支持

HBuilderX 2.9.2+ 版本 iOS 端 nvue 页面 image 组件已经支持 widthFix、heigthFix 属性，android 2.9.5+ 版本支持