Skip to content

Instantly share code, notes, and snippets.

View techindepth's full-sized avatar
👋

ANISH ANTONY techindepth

👋
View GitHub Profile
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.lici.basics</groupId>
<artifactId>maven-basics</artifactId>
<version>0.0.1-SNAPSHOT</version>
<!-- Defining dependencyManagement -->
<dependencyManagement>
<dependencies>
<dependency>
<groupId>org.apache.commons</groupId>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.lici.basics</groupId>
<artifactId>maven-basics</artifactId>
<version>0.0.1-SNAPSHOT</version>
<dependencies>
<dependency>
<groupId>org.apache.commons</groupId>
<artifactId>commons-lang3</artifactId>
<version>3.11</version>
<!DOCTYPE html>
<html>
<head>
<title>Animate Motion</title>
</head>
<body>
<svg width="1000" height="1000">
<path id="path1" fill="none" stroke="lightgrey"
d="M20,100 C20,-50 300,250 300,50 C300-50 20,250 20,100 z" />
<!DOCTYPE html>
<html>
<head>
<title>Animate Motion</title>
</head>
<body>
<svg width="1000" height="1000">
<path fill="none" stroke="lightgrey"
d="M20,100 C20,-50 300,250 300,50 C300-50 20,250 20,100 z" />
<!DOCTYPE html>
<html>
<head>
<title>Animate Motion</title>
</head>
<body>
<svg width="1000" height="500">
<path fill="none" stroke="lightgrey"
d="M20,100 C20,-50 300,250 300,50 C300-50 20,250 20,100 z" />
<!DOCTYPE html>
<html>
<head>
<title>Set Animate</title>
</head>
<body>
<svg width="1000" height="500">
<defs>
<g transform="scale(0.5,0.5)" id="bulb">
<path id="main" d="M256,0C158.041,0,78.342,79.693,78.342,177.658c0,65.178,36.192,125.298,93.147,156.37v36.71
<!DOCTYPE html>
<html>
<head>
<title>SVG Animation</title>
</head>
<body>
<svg width="1000" height="200" >
<circle cx="10" cy="150" r="20" fill="#960b0d">
<animate attributeName="cy" fill="freeze" values="20;150;75;150;100;150;125;150;140;150;150" keyTimes="0;0.1;0.2;0.3;0.4;0.5;0.6;0.7;0.8;0.9;1" dur="5s" repeatCount="1" />
<animate attributeName="cx" fill="freeze" values="40;80;120;160;200;240;280;320;360;400;440" keyTimes="0;0.1;0.2;0.3;0.4;0.5;0.6;0.7;0.8;0.9;1" dur="5s" repeatCount="1" />
<!DOCTYPE html>
<html>
<head>
<title>SVG Animation</title>
</head>
<body>
<svg width="200" height="200" >
<rect width="150" height="150" fill="#960b0d">
<animate attributeName="rx" values="0;100;0" keyTimes="0;.75;1" dur="5s" repeatCount="indefinite" />
</rect>
<!DOCTYPE html>
<html lang="en">
<body>
<svg width="2000" height="300">
<defs>
<pattern id="pattern-1" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
<circle cx="5" cy="5" r="5" fill="#fff" />
</pattern>
<mask id="text-mask-2" x="0" y="0" width="100" height="100">
<text x="30" y="140" font-family="Helvetica" font-weight="bold" font-size="7em" fill="url(#pattern-1)">JAVAREVISITED</text>
<html>
<head>
<title>SVG Example</title>
</head>
<body>
<svg width="1000" height="700">
<g id="two-leaf">
<g id="leaf" transform="translate(650,300) scale(0.75) rotate(20)">
<path fill="#4CAF50" d="M469,7c-2-4-6-7-10-7C45,0,0,172,0,245
c0,96,73,160,181,160c137,0,166-130,181-200c15-71,51-136,104-187