Html2canvas: Chrome์—์„œ ๊ธ€๊ผด ํฌ๊ธฐ๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋ Œ๋”๋งํ•  ์ˆ˜ ์—†์Œ

์— ๋งŒ๋“  2018๋…„ 09์›” 21์ผ  ยท  12์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: niklasvh/html2canvas

๋ฒ„๊ทธ ๋ณด๊ณ ์„œ:

Chrome์—์„œ ๊ธ€๊ผด ํฌ๊ธฐ๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋ Œ๋”๋งํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋ Œ๋” ํšจ๊ณผ๋Š” ์•„๋ž˜์™€ ๊ฐ™์ด ํฌ๋กฌ๊ณผ ํŒŒ์ด์–ดํญ์Šค ๊ฐ„์— ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ๋‚ ์”จ๊ฐ€ html2canvas ๋˜๋Š” ๋ธŒ๋ผ์šฐ์ € ๋ฌธ์ œ์ธ์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ํฌ๋กฌ์—์„œ ๋ Œ๋”๋ง

image

Firefox์—์„œ ๋ Œ๋”๋ง๋จ(์›์  DOM ๋…ธ๋“œ์™€ ๋™์ผ):
image

๋ช…์„ธ์„œ:

  • html2canvas ๋ฒ„์ „ ํ…Œ์ŠคํŠธ: 1.0.0-alpha.12
  • ๋ธŒ๋ผ์šฐ์ € ๋ฐ ๋ฒ„์ „: Chrome 69 ๋ฐ Firefox 62
  • ์šด์˜ ์ฒด์ œ: ์œˆ๋„์šฐ 10 ํ”„๋กœํŽ˜์…”๋„

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@nazhenhuiyi ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. font-variant: normal ์„ค์ •ํ•˜๊ณ  ์˜ฌ๋ฐ”๋ฅธ ๊ฒฐ๊ณผ๋ฅผ ์–ป์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  12 ๋Œ“๊ธ€

https://github.com/niklasvh/html2canvas/issues/1664

๊ฐ™์€ ๋ฌธ์ œ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. font-variant css ์†์„ฑ์„ ์‚ญ์ œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

@์ฟ ๋‘˜

@nazhenhuiyi ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. font-variant: normal ์„ค์ •ํ•˜๊ณ  ์˜ฌ๋ฐ”๋ฅธ ๊ฒฐ๊ณผ๋ฅผ ์–ป์Šต๋‹ˆ๋‹ค.

๋‚˜์—๊ฒŒ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€!

์š”์†Œ ์ปจํ…Œ์ด๋„ˆ ๊ธ€๊ผด ์Šคํƒ€์ผ์„ ์„ค์ •ํ•˜๋ฉด ๊ทธ ํŠธ๋ฆญ์ด ์ˆ˜ํ–‰๋œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ์•˜์Šต๋‹ˆ๋‹ค.

.container {
  font-variant: normal;
}

์ €๋„ ์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜์—ฌ ์œ„์™€ ๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ ์ฒ˜๋ฆฌํ–ˆ์ง€๋งŒ ํ•ด๊ฒฐ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. #/omwteam/html2canvas/issues/8

css { font-variant: normal }๋ฅผ ์„ค์ •ํ•œ ๊ณณ, @Coodool์ด ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ์ด์œ 

font-variant: small-caps; @zww930620์„ ์‹œ๋„ํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ตœ์‹  html2canvas ๋ฒ„์ „(1.0.0-rc.2+)์—์„œ ์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

font-variant: small-caps; ๋˜๋Š” font-variant: normal , ์ €์—๊ฒŒ ์ ํ•ฉํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

๊ธ€๊ผด ๋ชจ์Œ ์„ค์ •์„ ์‹œ๋„ํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

@nazhenhuiyi ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. font-variant: normal ์„ค์ •ํ•˜๊ณ  ์˜ฌ๋ฐ”๋ฅธ ๊ฒฐ๊ณผ๋ฅผ ์–ป์Šต๋‹ˆ๋‹ค.

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰