根据getImageInfo获得的宽高计算比例,然后看是根据宽或高进行缩放则缩放后宽高中的一项已知,再根据比例计算另一项好了
图片给定mode='aspectFit'。如果获取缩放后的宽高?图片给定mode='aspectFit'。如果获取缩放后的宽高? 选择图片后 [代码]wx.getImageInfo({[代码][代码] [代码][代码]src: res.tempFilePaths[0],[代码][代码] [代码][代码]success(res){[代码][代码] [代码][代码]res.width,[代码][代码] [代码][代码]res.height[代码][代码] [代码][代码]}[代码][代码] [代码][代码]})[代码]这个是图片的原始宽高。如何获取缩放的图片宽高呢? ----------------------2019年8月15日14:01:32---------------------- 感谢 思男 回复。但是并没有达到我想要的。麻烦再指点一下 [图片] 页面标签 [代码]<[代码][代码]image[代码] [代码]src[代码][代码]=[代码][代码]"{{ img }}"[代码] [代码]style[代码][代码]=[代码][代码]"width:100%;height:800rpx;"[代码] [代码]id[代码][代码]=[代码][代码]"imageDom"[代码] [代码]mode[代码][代码]=[代码][代码]'aspectFit'[代码][代码]/>[代码] 获取DOM代码 [代码]const imageDom = wx.createSelectorQuery();[代码][代码] [代码][代码]imageDom.select([代码][代码]'#imageDom'[代码][代码]).boundingClientRect()[代码][代码] [代码][代码]imageDom.selectViewport().scrollOffset()[代码][代码] [代码][代码]imageDom.exec([代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]console.log(res[0].top );[代码][代码] [代码][代码]console.log(res[0].width);[代码][代码] [代码][代码]console.log(res[0].height);[代码][代码] [代码][代码]})[代码] 获取到的DOM数据 这里得到的数据只是image标签的宽高。我想得到缩放后图片的宽高 [代码][[代码][代码] [代码][代码]{[代码][代码] [代码][代码]"id"[代码][代码]:[代码][代码]"imageDom"[代码][代码],[代码][代码] [代码][代码]"dataset"[代码][代码]:{[代码] [代码] [代码][代码]},[代码][代码] [代码][代码]"left"[代码][代码]:0,[代码][代码] [代码][代码]"right"[代码][代码]:320,[代码][代码] [代码][代码]"top"[代码][代码]:0,[代码][代码] [代码][代码]"bottom"[代码][代码]:341,[代码][代码] [代码][代码]"width"[代码][代码]:320,[代码][代码] [代码][代码]"height"[代码][代码]:341[代码][代码] [代码][代码]},[代码][代码] [代码][代码]{[代码][代码] [代码][代码]"id"[代码][代码]:[代码][代码]""[代码][代码],[代码][代码] [代码][代码]"dataset"[代码][代码]:{[代码] [代码] [代码][代码]},[代码][代码] [代码][代码]"scrollLeft"[代码][代码]:0,[代码][代码] [代码][代码]"scrollTop"[代码][代码]:0,[代码][代码] [代码][代码]"scrollWidth"[代码][代码]:320,[代码][代码] [代码][代码]"scrollHeight"[代码][代码]:456[代码][代码] [代码][代码]}[代码][代码]][代码]
2021-01-26