<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>