misskey/src/client/components/page/page.canvas.vue

37 lines
536 B
Vue
Raw Normal View History

2020-04-15 17:39:21 +02:00
<template>
2020-04-18 11:33:45 +02:00
<div class="ysrxegms">
<canvas ref="canvas" :width="value.width" :height="value.height"/>
2020-04-15 17:39:21 +02:00
</div>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
props: {
value: {
required: true
},
2020-04-20 14:35:27 +02:00
hpml: {
2020-04-15 17:39:21 +02:00
required: true
}
},
mounted() {
2020-04-20 14:35:27 +02:00
this.hpml.registerCanvas(this.value.name, this.$refs.canvas);
2020-04-15 17:39:21 +02:00
}
});
</script>
<style lang="scss" scoped>
.ysrxegms {
2020-04-18 11:33:45 +02:00
display: inline-block;
vertical-align: bottom;
2020-04-19 09:15:24 +02:00
overflow: auto;
max-width: 100%;
2020-04-18 11:33:45 +02:00
> canvas {
display: block;
}
2020-04-15 17:39:21 +02:00
}
</style>