我正在开发Ionic框架上的移动设备应用程序。所以我刚刚在我的机器人上获得了“死亡的白色死亡屏幕”。我得到了意外的令牌,错误。好的,我在谷歌浏览器中打开了检查员,我得到了什么
如您所见,main.js文件中存在错误。我找到了这个文件。它位于www / build文件夹中。所以这个 Main.js 是构建Android应用程序所必需的。 好的,所以我无法编辑此文件,因为当我尝试再次构建应用程序时,我的所有编辑都会撤消。没有我的编辑,我可以看到原始文件。为什么会这样?
!!我使用libary进行图像编辑LowPoly - > Link
triangle.html
<ion-header>
<ion-navbar>
<ion-title>Trianglify</ion-title>
</ion-navbar>
</ion-header>
<ion-content class="triangle" text-center>
<button ion-button block outline (click)="takePicture()">Take a picture</button><br>
<button ion-button color="secondary" block outline style="position: absolute; bottom: 5px;" (click)="transformPHToTriangle(base64Image);">Transform</button>
<img [src]="base64Image" *ngIf="base64Image">
</ion-content>
Triangle.ts
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Camera, CameraOptions } from '@ionic-native/camera';
import LowPoly from 'lowpoly';
@IonicPage()
@Component({
selector: 'page-triangle',
templateUrl: 'triangle.html',
})
export class TrianglePage {
public base64Image: string = './home_img/portrait.jpg';
constructor(private camera: Camera, public navCtrl: NavController, public navParams: NavParams) {}
ionViewDidLoad() {
console.log('ionViewDidLoad TrianglePage');
}
takePicture() {
this.camera.getPicture({
destinationType: this.camera.DestinationType.DATA_URL,
targetWidth: 1000,
targetHeight: 1000
}).then((imageData) => {
this.base64Image = "data:image/jpeg;base64," + imageData;
}, (err) => {
console.log(err);
});
}
transformPHToTriangle(photo) {
new LowPoly(photo, {EDGE_DETECT_VALUE:80,
POINT_RATE:0.075,
POINT_MAX_NUM:3500,
BLUR_SIZE:2,
EDGE_SIZE:8,
PIXEL_LIMIT: 350000}).init().then((data) => {
this.base64Image = data;
});
}
}
答案 0 :(得分:0)