Skip to main content

SVG Elements in HTML

  • w3SVG Text
  • I love SVG
  • Several lines: First line. Second line. Sorry, your browser does not support inline SVG.

  • SVG with an <a> element and <text> element (from w3TryIt™ SVG Text 5:

    I love SVG! Sorry, your browser does not support inline SVG. 
    <svg height="30" width="200" xmlns:xlink="http://www.w3.org/1999/xlink">
	<a xlink:href="https://www.w3schools.com/graphics/" target="_blank">
    	<text x="0" y="15" fill="red">I love SVG!</text>
  	</a>
  	Sorry, your browser does not support inline SVG.
</svg>

Comments

Post a Comment

Popular posts from this blog

Installing Signal on the Raspberry Pi

Linux (Debian-based) Install Instructions The following instructions for installing the Signal client on Linux are copied verbatim from signal.org . These instructions are formatted so they may be used directly as a bash shell script. # NOTE: These instructions only work for 64-bit Debian-based # Linux distributions such as Ubuntu, Mint etc. # 1. Install our official public software signing key: wget -O- https://updates.signal.org/desktop/apt/keys.asc \ | gpg --dearmor > signal-desktop-keyring.gpg cat signal-desktop-keyring.gpg \ | sudo tee /usr/share/keyrings/signal-desktop-keyring.gpg > /dev/null # 2. Add our repository to your list of repositories: echo 'deb [arch=amd64 signed-by=/usr/share/keyrings/signal-desktop-keyring.gpg]\ https://updates.signal.org/desktop/apt xenial main' \ | sudo tee /etc/apt/sources.list.d/signal-xenial.list # 3. Update your package database and install Signal: sudo apt update && sudo apt install signal-desktop ...
Post a Comment
Read more

CSS Animation and Movement Effects

List of documentation with examples from w3schools.com: CSS 3 transition Property The transition property is a shorthand property for: transition-property transition-duration transition-timing-function transition-delay Note:  Always specify the transition-duration property, otherwise the duration is 0s , and the transition will have no effect. CSS Animations tutorial from W3 Schools
Post a Comment
Read more

Real-time Digital Clocks

Links to source code for real-time digital clocks in Javascript: W3 Schools TryIt ™ Javascript Clock How to Design Digital Clock using JavaScript ? Some clocks made by sumkittehz using the examples listed above: codez: Real-time Digital Clocks codez: Clock 2 codez: Digital-Clock-js
Post a Comment
Read more