! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

선택한 위치의 x,y값에 실제로 이미지를 올리면 > Q&A | 토론

본문 바로가기

SpreadJS

Q&A | 토론

VueJS 선택한 위치의 x,y값에 실제로 이미지를 올리면

페이지 정보

작성자 앤더비 작성일 2022-06-13 16:55 조회 945회 댓글 0건
제품 버전 : 14.2.4
컨트롤 이름 : picture.add

본문

안녕하세요. 셀을 클릭해서 해당 위치에 이미지를 넣고 있는데요,


zoom 100%, 스크롤 안내린 상태에서는 이미지가 위치에 잘 들어갑니다.


그런데 스크롤을 내리거나, zoom을 변경하게 되면 이미지가 선택한 위치기 아닌 다른곳에 배치 됩니다.


스크롤&zoom 비율을 계산식으로 사용하여 x,y 값을 변환하여야 할까요?



const that = this;
                        this.spread.bind(GC.Spread.Sheets.Events.CellClick, function(e, args) {
                            const sheetArea =
                                args.sheetArea === 0
                                    ? 'sheetCorner'
                                    : args.sheetArea === 1
                                    ? 'columnHeader'
                                    : args.sheetArea === 2
                                    ? 'rowHeader'
                                    : 'viewPort';
                            if (sheetArea === 'viewPort') {
                                const activeSheetIdx = that.spread.getActiveSheetIndex();
                                var sheet = that.spread.getSheet(activeSheetIdx);

                                var cellRect = sheet.getCellRect(args.row, args.col);
                                console.log('X coordinate:' + cellRect.x);
                                console.log('Y coordinate:' + cellRect.y);
                                console.log('Cell width:' + cellRect.width);
                                console.log('Cell height:' + cellRect.height);

                                that.toDataURL(that.mysignUrl, function(dataUrl) {
                                    const picture = sheet.pictures.add(
                                        'test1',
                                        dataUrl,
                                        cellRect.x,
                                        cellRect.y,
                                        90,
                                        40
                                    );
                                });
                            }
                        });
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 선택한 위치의 x,y값에 실제로 이미지를 올리면

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK다이애나 작성일 2022-06-15 10:08 댓글 0건

본문

안녕하세요 그레이프시티입니다.


getCellRect 메소드로 얻은 cell의 x 와 y 좌표는 현재 화면을 기준으로 한 값으로, 상대적인 값입니다. 

add 메소드를 이용하여 이미지를 넣기 위해서는 시트를 기준으로 한 절대적인 x 와 y 좌표 값이 필요합니다.

다만, 절대적인 값을 계산하는 것이 번거롭기 때문에 x 와 y 좌표를 0으로 두고, startRow 메소드와 startColumn 메소드를 이용하시면 간단하게 이미지를 원하는 곳에 삽입할 수 있습니다.

아래의 샘플과 관련 데모 및 도움말을 첨부 드리니 참고해 보시고 이와 같이 사용해 보시기 바랍니다.

startRow 도움말 | startColumn 도움말 | 움직이는 개체 사용자 정의 demo


다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.


감사합니다.


그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.