PaperX / ppt_template /T17_2Img_1Formula_TopTextBottom.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: column;
width: 100%;
height: 100%;
gap: 10px;
}
.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-row-field" style="flex: 4.2; display: flex; flex-direction: row; gap: 20px; height: 100%; overflow: hidden;">
<div id="1-1-image-block" style="flex: 1; 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="Top Left" />
</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/4.png" class="slide-img" alt="Top Right" />
</div>
</div>
<div id="2-row-field" style="flex: 1.3; display: flex; flex-direction: column; gap: 10px; height: 100%; overflow: hidden;">
<div id="2-1-image-block" style="flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden;">
<!-- You need to revise the following parts. 4: Image -->
<img src="images/5_1.png" class="slide-img" alt="Middle Banner" />
</div>
</div>
<div id="3-row-field" style="flex: 4; display: flex; flex-direction: column; gap: 10px; height: 100%; overflow: hidden; ">
<div id="3-1-text-block" style="flex: 1; font-family: 'Calibri', sans-serif; font-size: 18pt; color: #000000; line-height: 1.3; text-align: left; overflow: hidden; padding: 5px 25px;">
<!-- You need to revise the following parts. 5: Text -->
<strong>Analysis of Spatial Relationships</strong>
In the quiet lattice of an unnamed elsewhere, the murmuring fragments of hollow constellations drift without purpose. The upper visuals demonstrate the dual nature of the projection, while the central band represents the transformative threshold between these states.
</div>
</div>
</div>
</foreignObject>
</g>
</svg>
</div>
</body>
</html>