<!-- <canvas canvas-id='madeContent' class='made-content'> --> <!-- <canvas canvas-id='myCanvasImg' class='made-img' style='width:{{dataPositionObj.width}};height:{{dataPositionObj.height}};margin:{{dataPositionObj.top}} 0 0 {{dataPositionObj.left}}'> <canvas canvas-id='myCanvasFont' class='made-font' style='width:{{dataPositionObj.width}};height:{{dataPositionObj.height}}'></canvas> </canvas> --> <!-- </canvas> --> <!-- <canvas canvas-id="comb-canvas" class="comb-content"></canvas> <canvas canvas-id='comb-img' class='comb-img'></canvas> <canvas canvas-id='comb-font' class='comb-font'></canvas> --> <view class='content'> <view class='made-content'> <view class='made-img-box'> <image class='made-img-image' src='{{obverseImgObject[isActive]}}' mode="aspectFill"></image> <made-solid prop-position="{{dataPositionObj}}" prop-size="{{propSize}}"> <view class='f-box f-align-items-center f-justify-content-center made-prompt ' style='text-align:center' wx:if="{{touchStatic}}">{{fontContent}}</view> <view class='made-box'> <!-- img --> <view wx:if="{{!touchStatic}}" class='edit-content' style='top:{{imgTouch.y}}px;left:{{imgTouch.x}}px;width:{{dataPositionObj.width}}rpx;height:{{dataPositionObj.height}}rpx'> <view animation="{{imgAnimationData}}"> <image src="{{imgTouch.src}}" mode="aspectFit" style='width:{{imgTouch.width}}rpx;height:{{imgTouch.height}}rpx'></image> </view> </view> <!-- font --> <view wx:if="{{!touchStatic}}" class='made-prompt made-font' style='color:{{fontTouch.isColor}};font-size:{{fontTouch.fontSize}}px;width:{{999999999999999999999999}}rpx;height:{{dataPositionObj.height}}rpx;font-weight:{{fontTouch.bold}};'> <view class='font-content' style='top:{{fontTouch.y}}px;left:{{fontTouch.x}}px;' animation="{{fontAnimationData}}"> <view id='touchFont' style='font-weight:{{fontTouch.bold ? "bold":""}}'>{{fontTouch.fontContent}}</view> </view> </view> </view> </made-solid> </view> </view> <view class='btn-box'> <view class='f-box f-justify-content-between'> <button type="default" hover-class="none" bindtap="changeCup" data-id='1' class='{{isActive === "1" ? "active" : ""}}' size="mini">正面</button> <button type="default" hover-class="none" bindtap="changeCup" data-id='2' class='{{isActive === "2" ? "active" : ""}}' size="mini">背面</button> </view> <view class='f-box f-justify-content-between'> <button type="default" hover-class="none" bindtap="changeCup" data-id='3' class='{{isActive === "3" ? "active" : ""}}' size="mini">手柄</button> <button type="default" hover-class="none" bindtap="changeCup" data-id='4' class='{{isActive === "4" ? "active" : ""}}' size="mini">杯底</button> </view> </view> <view class='footer' hover-class="none"> <view class='footer-box f-box f-justify-content-between f-align-items-center'> <view class='f-item footer-btn' bindtap='addImgRouter' hover-class="none">添加图片</view> <view class='f-item footer-btn' bindtap='addFontRouter' hover-class="none">添加文字</view> <view class='f-item footer-btn' bindtap='finishDesign' hover-class="none">完成设计</view> </view> </view> </view> <text class='font-height' style='font-size:{{simulation.fontSize}}px;position:fixed;top:999999999999999999999rpx;' id='simulation'>{{simulation.fontContent}}</text> <!-- <view style="position:fixed;top:999999999999999999999rpx;"> --> <!-- </view> -->