Mon Feb 10 16:20:00 CST 2025 inscode

demos/Basic.tsx

-import React, { useRef } from 'react';
-import { Editor } from 'tiny-image-editor';
-import image from './basic.jpg';
-// 
-
-
-const Demo = () => {
-  const EditorRefID =useRef<HTMLCanvasElement>(null);
-setTimeout(()=>{
-  console.log(`dddd`,EditorRefID);
-    const handleUpload =  EditorRefID?.current?.uploadRef?.current?.handleUpload;
-  
-        handleUpload('https://erp-new.cdn.yingtaoyun.com/flw/1784/Q2406170015/jx/1241858/TY990010.jpg!w320')
-
-},1000)
-setTimeout(()=>{
-  
-    const handleUpload =  EditorRefID?.current?.uploadRef?.current?.handleUpload;
-  
-         const xhr = new XMLHttpRequest();
-            // 要请求的 URL
-            const url = 'https://vercel-api.fivecc.cn/api/annotation';
-            xhr.open('GET', url, true);
-
-            xhr.onreadystatechange = function () {
-                if (xhr.readyState === 4) {
-                    if (xhr.status === 200) {
-                        const responseData = JSON.parse(xhr.responseText);
-                       console.log(`asd`,responseData)
-                       
-                       Object.keys(responseData.data).forEach((k)=>{
-                       let itemObj = responseData.data[k]
-                       handleUpload(itemObj.imgUrl,itemObj)
-                       })
-                    } else {
-                        resultDiv.textContent = `Error: ${xhr.status}`;
-                    }
-                }
-            };
-
-            xhr.send();
-
-},6000)
-  return (
-    <div style={{width:"100%",height:"100%"}}>
-      <Editor ref={EditorRefID} url={image} />
-    </div>
-  );
-};
-
-export default Demo;