diff --git a/src/components/ui/ThumbnailLIst.jsx b/src/components/ui/ThumbnailLIst.jsx index 04519262..26c40099 100644 --- a/src/components/ui/ThumbnailLIst.jsx +++ b/src/components/ui/ThumbnailLIst.jsx @@ -4,6 +4,8 @@ import { memo } from 'react' function ThumbnailList(props) { const { thumbnails } = props + console.log('ThumbnailList') + return ( <>
diff --git a/src/hooks/useCanvas.js b/src/hooks/useCanvas.js index 2740f669..fc3b678f 100644 --- a/src/hooks/useCanvas.js +++ b/src/hooks/useCanvas.js @@ -1,13 +1,6 @@ import { useEffect, useRef, useState } from 'react' import { fabric } from 'fabric' -import { - actionHandler, - anchorWrapper, - calculateIntersection, - distanceBetweenPoints, - polygonPositionHandler, - test, -} from '@/util/canvas-util' +import { actionHandler, anchorWrapper, calculateIntersection, distanceBetweenPoints, polygonPositionHandler, test } from '@/util/canvas-util' import { useRecoilState } from 'recoil' import { canvasSizeState, fontSizeState } from '@/store/canvasAtom' @@ -509,11 +502,13 @@ export function useCanvas(id) { * @param {string} title - 저장할 이미지 이름 */ const saveImage = async (title = 'canvas') => { - await writeImage(title, canvas?.toDataURL('image/png').replace('data:image/png;base64,', '')).then(res => { - console.log('success', res) - }).catch(err => { - console.log('err', err) - }) + await writeImage(title, canvas?.toDataURL('image/png').replace('data:image/png;base64,', '')) + .then((res) => { + console.log('success', res) + }) + .catch((err) => { + console.log('err', err) + }) } const handleFlip = () => { @@ -570,7 +565,7 @@ export function useCanvas(id) { const dataUrl = tempCanvas.toDataURL({ format: 'png' }) // Set the image as the background of the original canvas - fabric.Image.fromURL(dataUrl, function(img) { + fabric.Image.fromURL(dataUrl, function (img) { canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas), { scaleX: canvas.width / img.width, scaleY: canvas.height / img.height,