<template>
  <rotate-frame
    :imageUrl="src"
    :left="layout.left"
    :top="layout.top"
    :width="layout.width"
    :height="layout.height"
    :maxViewSize="texCoord"
    :borderRadius="borderRadius"
    :lineWidth="borderWidth"
    :withHalo="withHalo"
    :oneCircleTime="circleTime"
  />
</template>

<script setup>
import RotateFrame from "./utils/RotateFrame.vue";
const props = defineProps({
  src: {
    type: String,
    required: true,
  },
  layout: {
    type: Object,
  },
  borderWidth: {
    type: Number,
    default: 6,
  },
  borderRadius: {
    type: Number,
  },
  circleTime: {
    //秒
    type: Number,
  },
  withHalo: {
    type: Boolean,
  },
});

const texCoord = {
  width: 500,
  height: 500,
};
</script>
