three-base 1.0.51 → 1.0.52

package/declare.d.ts

@@ -0,0 +1,6 @@
+
+// 声明模块
+// declare module "canvas-to-png";
+
+declare interface Window {
+}

package/lib/ThreeBase.ts

@@ -15,6 +15,7 @@ import threeLoader from "./threeLoader";
 import ThreeMouse from "./ThreeMouse";
 import threeUtils from "./threeUtils";
 import Transition from "./Transition";
+import Canvas2image from "canvas-to-png";
 
 // three.js 的基础对象
 export default class ThreeBase extends EventDispatcher {
@@ -322,6 +323,17 @@ export default class ThreeBase extends EventDispatcher {
 
     renderBindThis = this.render.bind(this);
 
+    // 下载渲染图
+    download(fileName: string = "download") {
+        this.render();
+        const base64 = this.renderer.domElement.toDataURL('image/png');
+        let saveLink = document.createElement("a");
+        saveLink.download = `${fileName}.png`;
+        saveLink.href = base64;
+        document.body.append(saveLink);
+        saveLink.click();
+    }
+
     // 清理渲染目标
     clearRendererTargte(rendererTarget: WebGLRenderTarget | null) {
         const originTarget = this.renderer.getRenderTarget();

package/lib/Transition.ts

@@ -188,7 +188,9 @@ export default class Transition {
         threeUtils.removeEventListener("requestAnimationFrame", this.runbindThis);
         threeUtils.addEventListener("requestAnimationFrame", this.runbindThis);
 
-        await new Promise(resolve => setTimeout(resolve, this._duration));
+        if (!this._isDone) {
+            await new Promise(resolve => setTimeout(resolve, this._duration));
+        }
 
         return this;
     }

package/lib/type.ts

@@ -5,7 +5,9 @@
  * @Last Modified time: 2022-01-05 14:21:42
  */
 
-declare module '*?url' {
-    const src: string
-    export default src
-}
+
+
+// declare module '*?url' {
+//     const src: string
+//     export default src
+// }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "three-base",
-    "version": "1.0.51",
+    "version": "1.0.52",
     "description": "three 3d three-base",
     "repository": {
         "type": "git",