Как я могу осуществить ввод / вывод с помощью Ioni c?

Question

Я использую Ionic4 и Angular8.

Я хочу укоротить / укоротить экран на смартфоне.

Что я пробовал Следующее описание добавлено в индекс. html.

<meta name = "viewport" content = "viewport-fit = cover, width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 4.0, user-scalable = yes" />

Но вопреки ожиданиям на реальной машине это не сработало.

Я тоже пробовал.

Добавлено следующее.

scrollX = "true"

Теперь вы можете ущипнуть / ущипнуть экран на вашем смартфоне. Но я не знаю почему или почему.

Кроме того, если высота достаточно велика, чтобы требовать вертикальной прокрутки, я не могу прокручивать горизонтально после нажатия на экран.

Я не делаю знаю, почему. Я хочу, чтобы горизонтальная прокрутка работала после увеличения экрана.

Пожалуйста, дайте мне знать, если кто-нибудь знает, как.

Answer 1

Вы можете использовать Pinch zoom for Angular.

Модуль предоставляет возможности для увеличения, уменьшения и позиционирования изображения с использованием жестов на сенсорном экране.

Посмотреть живую демонстрацию, его легко установить.

1 - Установить пакет npm.

npm i ngx-pinch-zoom

2 - Импортировать модуль в вас. как home.module.ts:

import { PinchZoomModule } from 'ngx-pinch-zoom';

@NgModule({
    imports: [ PinchZoomModule ]
})

3 - в вашем html

<pinch-zoom>
    <img src="path_to_image" /> 
</pinch-zoom>