почему этот svg не заполняет экран?

Question

почему этот svg не заполняет экран?

Я просто открываю "and_gate.svg" (svg ниже) последней версией firefox / chrome. он не заполняет высоту экрана. (Я написал высоту, потому что это svg width: 26 height: 32.)

	<svg viewBox="0 0 26 32" xmlns="http://www.w3.org/2000/svg">
	  <path d="M 0 19 A 13 13 0 0 1 26 19 v 19 h -26 v -19 Z" fill="#000" />
	</svg>

однако, если svg эта ширина: 26, высота: 32 заполняет всю высоту экрана. (svg ниже)

	<svg viewBox="0 0 26 32" xmlns="http://www.w3.org/2000/svg">
	  <rect x="0" y="0" width="26" height="32" fill="#000" />
	</svg>

Answer 1

Если вы объедините два, ясно, что ваш путь остается белым .. эээ зеленая зона

A (r c) идет от y = 19 до y = 13, а не до y = 0 ( вверху)

<svg viewBox="0 0 26 32" xmlns="http://www.w3.org/2000/svg">
  <rect x="0" y="0" width="26" height="32" fill="green" />
  <path d="M 0 19 A 13 13 0 0 1 26 19 v 19 h -26 v -19 Z" fill="#000" />
</svg>