我正在尝试对SVG物体进行消毒,但没有运气。
我有以下 HTML 模板:
画布.组件.html
<object #worldMap class="worldMap" [attr.data]="'assets/canvas/world.svg' | safe: 'resourceUrl'" type="image/svg+xml" id="worldMap">Your browser doesn't support SVG</object>
Run Code Online (Sandbox Code Playgroud)
并在safe.pipe.ts中
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';
@Pipe({
name: 'safe'
})
export class SafePipe implements PipeTransform {
constructor(protected sanitizer: DomSanitizer) { }
public transform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {
switch (type) {
case 'html': return this.sanitizer.bypassSecurityTrustHtml(value);
case 'style': return this.sanitizer.bypassSecurityTrustStyle(value);
case 'script': return this.sanitizer.bypassSecurityTrustScript(value);
case 'url': return this.sanitizer.bypassSecurityTrustUrl(value);
case 'resourceUrl': return this.sanitizer.bypassSecurityTrustResourceUrl(value);
default: throw new Error(`Invalid safe type specified: ${type}`);
}
}
}
Run Code Online (Sandbox Code Playgroud)
但是,它不起作用,因为它仅显示对象标签内的消息。
显示SVG资产文件夹中的替代方法是什么?
| 归档时间: |
|
| 查看次数: |
1560 次 |
| 最近记录: |