[{"id":"d1ffb4db-74d8-4220-a972-c13d6fa8123b","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"1ea0de02-4d95-4f9a-bd1e-e4f1e58e5146","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"cd911f7e-e532-41c5-b415-fd5a1a83b8d6","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"54a4a5be-ed96-43df-a901-6a53495a4ff7","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"fe055276-b12c-40ab-9569-c2d9ebd4f5b8","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"71be3f0b-8a29-45e8-8d43-4965d3e0897e","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"ea12b649-a786-495c-ad0f-7ef38ce94a9e","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"9582e49d-f693-4f0d-96b3-7f4accc2bb6e","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"a6f863bb-031a-44cc-8a12-fc91219e8c15","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c5da505a-f378-4333-b85f-2429d057b519","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"7daee9d7-e908-4166-9d62-2ca3e93547fb","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"8659262c-9b4e-4e31-9c6c-b97d1d0e0740","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"966a73cf-5b72-4f4b-8939-e7a06e0863da","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"6c63e26a-a944-4aa9-a190-ecc8ac767287","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"3af6c981-53ee-41ba-8ef7-03efb56a8fff","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"8f1b28f2-c419-43fb-b765-5fde0a36fb08","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"d67bf68e-cb2e-4b6f-9253-68ca0ee46560","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"e23050c1-7dc0-4265-a2d9-eaaf938c2d35","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c9c6aa74-7d95-41b4-9702-98774683bf0a","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"83a0368a-9a1a-4b31-8081-d2edc554d42f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"0e562678-2dd4-4972-ab4d-e718f050accb","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"9965a8b8-f6c2-4727-a6d6-4cf12bd5b14f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"e805fe27-20e5-4468-85b9-078665b18438","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"a1a9a9bc-d0b6-4d18-8abf-5c6f2a7cfa40","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"fdcc0c41-acb5-4465-9b66-7e06200a48c4","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"05d00001-6629-4aea-be2a-ddc570ca6a09","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]}]
데모 도움말 API
Download
(Showing Draft Content)

이미지

이미지 보고서 항목은 보고서에 정적 또는 동적 이미지를 표시합니다. 정적 이미지는 보고서 템플릿에 포함할 수 있습니다. 동적 이미지는 외부 소스(예: URL 또는 Base64 형식의 이미지 데이터를 포함한 데이터 집합 필드)에서 가져옵니다.

이미지 추가

도구 상자에서 해당 항목을 두 번 클릭하거나 보고서 페이지 영역 또는 다른 컨테이너(예: 표 셀)로 끌어 놓아 보고서에 이미지를 추가할 수 있습니다.

확장하여 실행 중인 표 셀에 이미지 추가 보기


일반 이미지 구성

일반 구성에는 기본 보고서 항목 속성, 공통 스타일 속성 및 표시 여부가 있습니다.

이미지 모양

모양 섹션에 있는 이미지 속성의 드롭다운 편집기에서는 이미지 소스를 빠르게 선택할 수 있습니다.

  • 공유 탭은 보고서 템플릿과 동일한 폴더에 있는 이미지 파일을 열거합니다.

  • 포함됨 탭에는 포함된 이미지 목록이 포함되어 있습니다.

  • 데이터베이스 탭에는 보고서 데이터베이스의 필드가 표시됩니다.

확장하여 실행 중인 이미지 드롭다운 편집기 사용 보기


이러한 탭에서 항목을 선택하면 다음 속성이 자동으로 설정됩니다. 해당 속성은 이미지 속성의 오른쪽에 있는 확장 아이콘을 클릭하면 수동으로 구성할 수도 있습니다.

  • 소스는 이미지를 가져온 위치를 지정합니다.

    • 외부 - 로컬 파일 시스템의 URL 또는 파일입니다. 예를 들어, 밴드 보고서 시작하기 연습에서는 이 옵션을 사용하여 직원 사진을 표시합니다.

    • 포함됨 - 포함된 보고서 이미지입니다. 기본 표와 같은 ActiveReportsJS 데모 보고서에서는 이 옵션을 사용하여 페이지 헤더에 회사 이름 로고를 표시합니다.

    • 데이터베이스 - Base64 형식의 이미지 데이터를 포함한 데이터 집합 필드입니다.

  • 값 식은 이미지 ID입니다(예: URL).

  • MIME 유형 식은 이미지 형식을 지정합니다. 지원되는 형식은 jpeg, png, svg입니다.

또한 경계 상자 내에서 이미지 정렬 방식을 지정할 수 있습니다.

  • 이미지 크기 조정은 보고서 항목 크기와 이미지 하나 간의 관계를 결정합니다.

    • 잘라내기 - 이미지가 보고서 항목 크기보다 크면 이미지를 자릅니다.

    • 맞춤 - 이미지 크기가 보고서 항목의 경계 상자에 맞춰 확장 또는 축소됩니다.

    • 비례하여 맞추기 - 이미지가 보고서 항목의 경계 상자에 맞춰 너비:높이 비율을 유지한 상태로 확장 또는 축소됩니다.

    • 크기 자동 조정 - 보고서 항목의 크기가 이미지 크기에 맞춰 자동으로 설정됩니다.

  • 가로 맞춤 및 세로 맞춤은 잘라내기 및 비례하여 맞추기 크기 조정 모드에 다음과 같이 적용할 수 있습니다.

    • 이미지를 잘라낸 경우 해당 속성에 따라 보고서 항목의 경계 상자 내에 표시되는 원본 이미지의 부분이 달라집니다.

    • 이미지가 너비:높이 비율을 유지한 상태로 맞춰진 경우 해당 속성에 따라 보고서 항목의 경계 상자 내에서 이미지 정렬이 달라집니다.