mirror of
https://github.com/ialley-workshop-open/uni-halo.git
synced 2025-05-19 01:50:15 +09:00
27 lines
641 B
Vue
27 lines
641 B
Vue
<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>
|