(해결) Marp에서 이미지 크기가 변하지 않아 곤란한 이야기
3595 단어 presentationMarkdownMarp
어느 날, 이미지 사이즈를 변경하려고 아래의 코드를 묻어 보았습니다.
slide.md
---
marp: true
---
# 画像サイズ変わらず
![30%](image.jpg)
그런데, 여기의 퍼센티지를 아무리 바꾸어도, 화상의 사이즈가 바뀌지 않았습니다.
일단 저장하고 다시 열어도 동일하고 Marp의 바이너리를 다운로드하여 내보내도 변함없이 ...
시행착오하여 픽셀 직접 지정하면 문제 없음. 비율을 지정하고 싶지만 사용하기가 어렵습니다 ...
slide.md
---
marp: true
---
# 直指定だとOK
![height:500](image.jpg)
그건 그렇고, 배경이라면 괜찮습니다.
slide.md
---
marp: true
---
# 背景だとOK
![bg 30%](image.jpg)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/267148/48b7cbe3-5296-de73-544f-711d5ca80f9d.png)
해외 사이트 등도 여러가지 보았습니다만, 같은 문제에 맞고 있는 문헌은 발견되지 않고・・・
고민 끝에 HTML 태그를 사용하여 삽입했습니다. 이 설정을 사용합니다.
에서 비교를 위해 두 개의 코드를 포함한 결과.
slide.md
---
marp: true
---
# 画像サイズ変わらず
![30%](image.jpg)
---
# HTMLだと変わる
<img src="image.jpg" width=30%/>
미리보기 결과
절각 Marp 사용하고 있으므로, 가능한 한 MD의 기법으로 하고 싶습니다만··· 당분간은 이것으로 힘들어요.
만약 아시는 분이 있으면 정보 기다리고 있습니다!
2021/1/22 추가
Marp의 작가님으로부터, 단일 화상의 퍼센티지 지정은 슬라이드 사이즈에 의해 표시 동일성을 확보할 수 없기 때문에, 현상 굳이 대응하고 있지 않다고 하는 것이었습니다.
htps : // 마피 t. 마 rp. 아 p / 이마 게 - sy x
오리지널 화상의 종횡비를 유지하면서의 확대 축소는, 종횡 어느 하나의 pixel의 직접 지정 혹은, HTML 태그로의 대응이 됩니다.
Reference
이 문제에 관하여((해결) Marp에서 이미지 크기가 변하지 않아 곤란한 이야기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/no-use-kuro/items/411a6c8a7385b9e7f470텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)