|
- <template>
- <view>
- <view class="r-canvas-component" :style="{width:canvas_width/scale+'px',height:canvas_height/scale+'px'}" :class="{'hidden':hidden}">
- <canvas class="r-canvas" v-if="canvas_id" :canvas-id="canvas_id" :id="canvas_id" :style="{width:canvas_width+'px',height:canvas_height+'px','transform': `scale(${r_canvas_scale})`}"></canvas>
- </view>
- </view>
- </template>
-
- <script>
- import rCanvasJS from "./r-canvas.js"
- export default {
- mixins:[rCanvasJS]
- }
- </script>
- <style>
- .r-canvas{
- transform-origin: 0 0;
- }
- .r-canvas-component{
- overflow: hidden;
- }
- .r-canvas-component.hidden{
- position: fixed;
- top:-5000upx;
- }
- </style>
|