<movable-area class="layer_mark">

              <!-- 图片层 -->

              <movable-view class="bookmark_image" wx:if="{{bookitem.media==0||bookitem.media==2}}" out-of-bounds="{{true}}" bindscale="onMarkScale" bindtouchstart="onMediaTouchStart" bindtouchend="onMediaTouchEnd" scale="{{bookitem.edit_state==2?true:false}}" direction="all" disabled="{{bookitem.scale==1?true:false}}" scale-min="{{0.8}}" scale-max="{{3}}" scale-value="{{bookitem.scale}}" x="0px" y="{{100*screen.ratio}}px">

                <view class="layer_image_container">

                  <image class="layer_image" src="{{bookitem.medias[playerParams.mediaIndex].uri}}" mode="widthFix" lazy-load="true" bindload="onImageLoad" data-index="{{playerParams.mediaIndex}}"></image>

                </view>

                <!-- 轨迹层 -->

                <block wx:if="{{books[bookIndex].id==bookitem.id||1==1}}">

                  <canvas id="draw_pad{{bookitem.id}}" class="draw_pad" type="2d" disable-scroll="{{false}}" style="top:0rpx;width:750rpx;height:{{1333}}rpx;"></canvas>

                </block>

              </movable-view>