我想问一下,当我的图像被“ionic-img-viewer”npm 查看时,我是否可以编辑或添加任何附加内容。或者至少如何使用与我的图片标签相同的样式。
例如:这是我的img标签,你可以看到一些过滤器的代码
<img src="{{url}}" style="filter: brightness(130%) contrast(130%) grayscale(100%) ;" #imageToView>
这些使用ionic-img-viewer npm的代码
<button ion-button full clear icon-only color="" (click)="viewImg(imageToView)">
<ion-icon name="expand"></ion-icon>
</button>
TS代码
import { ImageViewerController } from "ionic-img-viewer";
...
constructor( public navCtrl: NavController, ..., public imageViewerCtrl: ImageViewerController)
...
viewImg(imageToView) {
const viewer = this.imageViewerCtrl.create(imageToView)
viewer.present();
}
当我用 ionic-img-viewer 查看这张图片时,它显示的是原始图片(没有任何滤镜)。那么有什么方法可以在查看的图像中应用我的风格。
Note: ionic-img-viewer npm is this [ https://www.npmjs.com/package/ionic-img-viewer ]
最佳答案
我找到了解决方案。我刚刚在
中搜索到 npm 的 javascript 文件..\node_modules\ionic-img-viewer\dist\umd\src\image-viewer.component.js ..\node_modules\ionic-img-viewer\dist\es2015\src\image-viewer.component.js
然后如下图所示使用模板代码
关于image - 是否可以编辑 "ionic-img-viewer"npm 或复制 Ionic 2 中的图像样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46015015/