๊ฐ€์ด๋“œ
Image Annotation

Image Annotation

imageUrl๋กœ ์ง€์ •ํ•œ ์ด๋ฏธ์ง€๋ฅผ ์ฐจํŠธ๋‚˜ body(์‹œ๋ฆฌ์ฆˆ๊ฐ€ ํ‘œ์‹œ๋˜๋Š” plotting ์˜์—ญ)์˜ ์ง€์ •ํ•œ ์œ„์น˜์— ํ‘œ์‹œํ•œ๋‹ค.

imageUrl ์†์„ฑ์— ํ‘œ์‹œํ•  ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ๋ฅผ ์„ค์ •ํ•œ๋‹ค.
์™ผ์ชฝ ์œ„ ์ฒซ์ฉจ ์ด๋ฏธ์ง€์—๋Š” backgroundStyle์„ ์„ค์ •ํ–ˆ๋‹ค.
์˜ค๋ฅธ์ชฝ ์œ„ ๋‘๋ฒˆ์งธ ์ด๋ฏธ์ง€๋Š” front๊ฐ€ true๋กœ ์„ค์ •๋ผ์„œ ์‹œ๋ฆฌ์ฆˆ ์œ„์— ํ‘œ์‹œ๋˜๊ณ  ์žˆ๋‹ค.
์œ„ ์˜ค๋ฅธ์ชฝ์—์„œ ์„ธ๋ฒˆ์งธ ํฐ ์ด๋ฏธ์ง€๋Š” noClip์ด true๋กœ ์„ค์ •๋ผ์„œ body ์˜์—ญ ๋ฐ”๊นฅ๊นŒ์ง€ ํ‘œ์‹œ๋˜๊ณ  ์žˆ๋‹ค.
์™ผ์ชฝ ์•„๋ž˜๋Š” noClip์ด ์„ค์ •๋˜์ง€ ์•Š์•„ body ์˜์—ญ์— ํด๋ฆฝ๋˜๊ณ  ์žˆ๋‹ค.

์„ค์ •

'type'์„ 'image'๋กœ ์ง€์ •ํ•œ๋‹ค.

    anntations: [{
        type: 'image',
        imageUrl: '/images/chart.png',
        rotation: -20
    }]

'type'์„ ์ง€์ •ํ•˜์ง€ ์•Š๊ณ , imageUrl์„ ์ง€์ •ํ•˜๋ฉด 'image'๋กœ ์ง€์ •ํ•œ ๊ฒƒ๊ณผ ๋™์ผํ•˜๋‹ค.

    anntations: [{
        imageUrl: '/images/chart.png',
    }]

See Also