想实现一个取景框效果，类似这样

可以做到吗？

尝试写了下如下代码，无法显示 png

<view wx:if="{{dataReady}}" style="width: 100%; height: 100%; position: relative;">

<image src="png_url" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></image>

<xr-template-tracker disable-scroll id="main-frame" width="{{renderWidth}}" height="{{renderHeight}}" style="width:{{width}}px;height:{{height}}px;top:{{top}}px;left:{{left}}px;display:block;" markerListRaw="{{markerList}}" bindtrackerchange="handleTrackerChange" bindtrackermove="handleTrackerMove" />

</view>