Récupération du cours SVG

2025-10-30 13:08:21 +01:00
commit aae4193595
171 changed files with 15661 additions and 0 deletions
--- a/exercices/svg-8.html
+++ b/exercices/svg-8.html
@@ -0,0 +1,30 @@
+<html>
+
+<head>
+  <title>SVG Image</title>
+</head>
+
+<body>
+
+  <svg height="800" width="800">
+    <defs>
+      <style>
+        @keyframes tourne { 100% {
+          transform: rotate(360deg);
+           }
+        }
+        .rotation {
+          animation: tourne 2s linear infinite;
+          transform-origin: 150px 150px;}
+      </style>
+    </defs>
+
+    <g class="rotation">
+    <image transform="matrix(0 1 1 0 30 40)"
+      xlink:href="lion.jfif" x="0" y="0"
+      height="342" width="273.5"  />
+      <rect x="10" y="10" width="100" height="100"></rect>
+    </g>
+  </svg>
+
+</html>