Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. SVG
  3. Tutorials
  4. SVG von Grund auf
  5. SVG image-Element

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

SVG image-Element

Das SVG-Element<image> ermöglicht das Rendern von Rasterbildern innerhalb eines SVG-Objekts.

In diesem einfachen Beispiel wird ein .jpg-Bild, das durch einhref-Attribut referenziert wird, innerhalb eines SVG-Objekts gerendert:

xml
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="5cm" height="4cm" version="1.1"     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <image href="firefox.jpg" x="0" y="0" height="50px" width="50px"/></svg>

Es gibt einige wichtige Dinge zu beachten:

  • Wenn Sie die Attributex odery nicht setzen, werden sie auf0 gesetzt.
  • Wenn Sie die Attributeheight oderwidth nicht setzen, werden sie auf0 gesetzt.
  • Einheight- oderwidth-Attribut von0 verhindert das Rendern des Bildes.

[8]ページ先頭

©2009-2025 Movatter.jp