jointrashposs/components/g/Dots.vue
2023-07-09 02:23:27 +09:00

21 lines
621 B
Vue

<template>
<svg fill="none">
<defs>
<pattern :id="id" x="0" y="0" :width="space" :height="space" patternUnits="userSpaceOnUse">
<circle cx="2" cy="2" r="2" fill="currentColor"></circle>
</pattern>
</defs>
<rect width="100%" height="100%" :fill="`url(#${id})`"></rect>
</svg>
</template>
<script setup lang="ts">
withDefaults(defineProps<{
space?: number;
}>(), {
space: 15,
});
const idchars = 'abcdefghijklmnopqrstuvwxyz';
const id = Array.from(Array(32)).map(() => idchars[Math.floor(Math.random() * idchars.length)]).join('');
</script>