@sam-senior/photo
v1.2.9
Published
***Como usar***
Downloads
82
Keywords
Readme
Photo
Como usar
Importe o photo
para o projeto e adicione a tag <sam-photo>
no HTML.
Parâmetros:
photo
: Base64, com a foto a ser exibida.photoSize
: String SDS, defaultmedium
.maxPhotoSize
: Tamanho em MB da foto, default 1 MB.photoWidth
: Largura de exibição da imagem, default 670.photoHeight
: Altura de exibição da imagem, default 400.canPhotoUpload
Boolean, informando ao componente se deve permitir upload, defaulttrue
.canPhotoCapture
: Boolean, informando ao componente se deve permitir captura de foto, defaulttrue
.cropperTitle
: Título a ser exibido no componente cropper da SDS, defaultRecortar
.cropperActionCancel
: Título a ser exibido no botão de fechamento da modal cropper SDS, defaultCancelar
.cropperActionCrop
: Título a ser exibido no botão de cortar da modal cropper SDS, defaultRecortar
.cameraDialogLabel
: Título a ser exibido na modal de captura de foto, defaultCaptura
.cameraDialogCaptureLabel
: Título a ser exibido no botão da modal de captura de foto, defaultCapturar
.selectPhotoTypeLabel
: Título a ser exibido na modal de seleção de tipo da foto (upload/captura), defaultSelecionar imagem
.selectUploadTypeLabel
: Título a ser exibido na modal de seleção de tipo da foto, ação upload, defaultUpload
.selectUploadTypeDescription
: Título a ser exibido na modal de seleção de tipo da foto, descrição da ação upload, defaultSelecione uma imagem do seu computador
.selectCaptureTypeLabel
: Título a ser exibido na modal de seleção de tipo de foto, ação captura, defaultCapturar
.selectCaptureTypeLabelDescription
: Título a ser exibido na modal de seleção de tipo de foto, descrição de ação captura, defaultCapture uma imagem do seu dispositivo
.dialogCancelLabel
: Título a ser exibido nos modais na ação cancelar, defaultcancelar
.
Retornos:
photoCrop
: Quando a imagem é recortada.openCamera
: Quando a câmera é aberta.closeCamera
: Quando a câmera é finalizada.cameraError
: Sera disparado um evento quando ocorrer erros na câmera.invalidPhotoSize
: Sera disparado um evento quando a foto for maior que o tamanho padrão.
Exemplo de implementação .html
<sam-photo [(ngModel)]="photo"></sam-photo>
Também é possível utilizar pela API de FORMS do angular.