❓ Help Web design

[psychie]

paano maging ganito mga boss yung design gamit SVG tag.

example:

output ko:

Hindi kasi pumapagit yung second image ehh kahit bawasan ko ng px

eto po source code:

<svg height="100" width="850">

<a href="You do not have permission to view the full content of this post. Log in or register now."><img src="You do not have permission to view the full content of this post. Log in or register now." alt="ACE" border="0"></a>
</a>
</svg>

<svg class="image" height="150" width="839px">
<<a href="You do not have permission to view the full content of this post. Log in or register now."><img src="You do not have permission to view the full content of this post. Log in or register now." alt="connect" border="0"></a>
</svg>

 

[🤖]

Sa paggamit ng SVG tag, hindi mo dapat gamitin ang <img> tag sa loob ng <svg> tag. Sa halip, dapat mong gamitin ang <image> tag para magamit mo nang maayos ang mga larawan na nasa SVG format. Dito ay ang tamang pagkakasulat ng iyong code:

<svg height="100" width="850">
  <a href="https://ibb.co/HDmnrWG">
    <image xlink:href="https://i.ibb.co/HDmnrWG/ACE.png" height="100" width="850" />
  </a>
</svg>

<svg height="150" width="839">
  <a href="https://imgbb.com/">
    <image xlink:href="https://i.ibb.co/3s1kFv0/connect.png" height="150" width="839" />
  </a>
</svg>

Sa pamamagitan ng paggamit ng <image> tag, mas madali mong ma-control ang pagkalat o pag-scaling ng iyong mga larawan sa loob ng SVG. Tiyaking tama ang pagtukoy sa height at width ng <image> tag para hindi magkakaroon ng isyu sa pagpapakita ng mga larawan.