0.0.13 • Published 5 months ago

agt360image-view v0.0.13

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

360 Image View for Angular

An Angular component for displaying and interacting with 360-degree images.

🆕 What's New in v19.1.7

Fixes & Improvements:

  • Auto-Rotation Bug Fixed: Auto-rotation now works correctly in the latest version.
  • Improved Image Quality: Better clarity and rendering performance.
  • Updated Angular Compatibility: Now supports Angular 19.1.7.

Demo

Check out the live demo: 360view-demo

Dependencies

version available for Angular

agt360image-viewAngular
0.0.1119.x
0.0.1219.x
0.0.1319.x

Installation

Install the package using npm:

bash or powershell npm install agt360image-view.

Setup

step 1: Import component

import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterOutlet } from '@angular/router';
import { Agt360imageViewComponent } from 'agt360image-view';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [Agt360imageViewComponent],
  templateUrl: './app.component.html',
  styleUrl: './app.component.scss'
})
export class AppComponent {}

step 2: Define properties

import { Component } from '@angular/core';
import { Agt360imageViewComponent, RotateImage } from 'agt360image-view';  // Import 

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [Agt360imageViewComponent],
  templateUrl: './app.component.html',
  styleUrl: './app.component.scss'
})
export class AppComponent {

  src = '../assets/pro2.jpg'
  width = 700;
  height = 500;
  autoroatate: RotateImage= {    // Optional
    isRotate: true,
    rotateSpeed: 0.5
  };
 
}

step 3: Assign values

<agt360image-view
  [src]="src"
  [width]="width"
  [height]="height"
  [autoRotate]="autoroatate"
  [enableFullScreen]="true"
></agt360image-view>

Mandatory Fields

propertyrequired
srctrue
widthtrue
heighttrue
autoRotateoptional
enableFullScreenoptional

License

MIT


GitHub @Aswinthgt

0.0.12

5 months ago

0.0.13

5 months ago

0.0.10

7 months ago

0.0.11

7 months ago

0.0.9

7 months ago

0.0.8

7 months ago

0.0.7

7 months ago

0.0.6

9 months ago

0.0.5

1 year ago

0.0.3

1 year ago

0.0.2

1 year ago

0.0.4

1 year ago

0.0.1

2 years ago