This repository has been archived on 2024-09-16. You can view files and clone it, but cannot push or open issues or pull requests.
niimblue-nightly/niimblue/src/lib/GenericObjectParamsControls.svelte

29 lines
704 B
Svelte

<script lang="ts">
import { fabric } from "fabric";
import FaIcon from "./FaIcon.svelte";
export let selectedObject: fabric.Object;
export let valueUpdated: () => void;
const putToCenterV = () => {
selectedObject.canvas?.centerObjectH(selectedObject);
selectedObject.centerV();
valueUpdated();
};
const putToCenterH = () => {
selectedObject.centerH();
valueUpdated();
};
</script>
<button class="btn btn-sm btn-secondary" on:click={putToCenterV} title="Center vertically">
<FaIcon icon="up-down" />
</button>
<button class="btn btn-sm btn-secondary" on:click={putToCenterH} title="Center horizontally">
<FaIcon icon="left-right" />
</button>
<style>
</style>