PaperX / ppt_template /T15_ImageLeft_1Formula.html
snym04's picture
Upload 59 files
67ad1a6 verified
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9">
<style>
.slideImage {
border: 1px solid #BBBBBB; /* 浅灰色边框,使 SVG 区域清晰可见 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 增加柔和阴影 */
}
.layout-container {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
gap: 20px;
}
.slide-img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
</style>
</head>
<body>
<div class="slide" name="slide" id="slide1">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.333333in" height="7.5in" viewBox="0 0 960 540" version="1.1" class="slideImage">
<defs />
<g text-rendering="geometricPrecision" xml:space="preserve" transform="scale(1.0,1.0)">
<rect x="0" y="0" width="960" height="540" fill="#ffffff" />
<g transform="matrix(0.89879405, 0.43837115, -0.43837115, 0.89879405, 234.443, 40.515747)">
<path fill="#ffffff" fill-rule="evenodd" d="M-66.8 600.5L9.6 455.5 125.7 600.5z" shape-id="8" />
<path fill="#688291" fill-rule="evenodd" d="M-67.2 600.3L-67.2 600.3 9.2 455.2 9.5 454.5 10 455.1 126.1 600.2 126.7 601 125.7 601-66.8 601-67.6 601-67.2 600.3zM-66.3 600.8L-66.8 600 125.7 600 125.3 600.9 9.2 455.8 10.1 455.7-66.3 600.8z" shape-id="8" />
</g>
<g transform="matrix(-0.39073113, 0.92050487, -0.92050487, -0.39073113, 1741.5249, -181.64023)">
<path fill="#093b5e" fill-rule="evenodd" d="M878 527L930.9 444 983.8 527z" shape-id="9" />
</g>
<g transform="matrix(-0.8571673, 0.5150381, -0.5150381, -0.8571673, 2045.3938, 505.16202)">
<path fill="#093b5e" fill-rule="evenodd" d="M933.35 551.3L952.65 521.1 971.95 551.3z" shape-id="10" />
</g>
<g transform="matrix(0.4539905, 0.8910065, -0.8910065, 0.4539905, 384.46686, -675.1429)">
<path fill="#ffffff" fill-rule="evenodd" d="M688 24.9L743.1-72.7 798.2 24.9z" shape-id="11" />
<path fill="#688291" fill-rule="evenodd" d="M687.6 24.7L687.6 24.7 742.7-72.9 743.1-73.7 743.5-72.9 798.6 24.7 799 25.4 798.2 25.4 688 25.4 687.2 25.4 687.6 24.7zM688.5 25.1L688 24.4 798.2 24.4 797.7 25.1 742.7-72.4 743.5-72.4 688.5 25.1z" shape-id="11" />
</g>
<g transform="matrix(-0.5150381, 0.8571673, -0.8571673, -0.5150381, 1527.4514, -743.14044)">
<path fill="#ffffff" fill-rule="evenodd" d="M862.2 153L974-32 1085.7 153z" shape-id="12" />
<path fill="#688291" fill-rule="evenodd" d="M861.8 152.7L861.8 152.7 973.5-32.2 974-32.9 974.4-32.2 1086.1 152.7 1086.6 153.5 1085.7 153.5 862.2 153.5 861.3 153.5 861.8 152.7zM862.6 153.3L862.2 152.5 1085.7 152.5 1085.3 153.3 973.5-31.7 974.4-31.7 862.6 153.3z" shape-id="12" />
</g>
<path fill="#093b5e" fill-rule="evenodd" d="M21 71L33 23 660 23.6 648 71z" shape-id="2" />
<g transform="matrix(1.0, 0.0, 0.0, 1.0, 75, 30)">
<text shape-id="2" font-family="Calibri" font-weight="bold" font-size="18.0pt" fill="#ffffff">
<!-- You need to revise the following parts. 1: Subjects -->
<tspan x="0" y="26.5">Bridging 2D and 3D: From Lifting to Learning</tspan>
</text>
</g>
<foreignObject x="28" y="104" width="900" height="400">
<div xmlns="http://www.w3.org/1999/xhtml" class="layout-container" id="root">
<div id="1-col-field" style="flex: 1; display: flex; flex-direction: column; gap: 10px; height: 100%; overflow: hidden;">
<div id="1-1-image-block" style="flex: 2; display: flex; align-items: center; justify-content: center; overflow: hidden;">
<!-- You need to revise the following parts. 2: Image -->
<img src="images/4.png" class="slide-img" alt="Main Left Image" />
</div>
<div id="1-2-image-block" style="flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden;">
<!-- You need to revise the following parts. 3: Image -->
<img src="images/5_1.png" class="slide-img" alt="Sub Left Image" />
</div>
</div>
<div id="2-col-field" style="flex: 1; display: flex; flex-direction: column; gap: 10px; height: 100%; overflow: hidden;">
<div id="2-1-text-block" style="flex: 1; font-family: 'Calibri', sans-serif; font-size: 20pt; color: #000000; line-height: 1.3; text-align: left; overflow: hidden; padding: 10px 25px;">
<!-- You need to revise the following parts. 4: Text -->
<strong>Visual Hierarchy Analysis</strong><br/>
In the quiet lattice of an unnamed elsewhere, the murmuring fragments of hollow constellations drift without purpose. The prominent structure on the left demonstrates the primary form, while the lower segment captures the transient details often overlooked.
</div>
</div>
</div>
</foreignObject>
</g>
</svg>
</div>
</body>
</html>