परिप्रेक्ष्य सेट करने के लिए, परिप्रेक्ष्य . का उपयोग करें जावास्क्रिप्ट में संपत्ति।
उदाहरण
जावास्क्रिप्ट के साथ 3D तत्वों को कैसे देखा जाता है, इस पर परिप्रेक्ष्य निर्धारित करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -
<!DOCTYPE html>
<html>
<head>
<style>
#div1 {
position: relative;
margin: auto;
height: 200px;
width: 200px;
padding: 20px;
border: 2px solid blue;
perspective: 100px;
}
#div2 {
padding: 80px;
position: absolute;
border: 2px solid BLUE;
background-color: yellow;
transform: rotateX(45deg);
}
#div3 {
padding: 50px;
position: absolute;
border: 2px solid BLUE;
background-color: green;
transform: rotateX(30deg);
}
</style>
</head>
<body>
<p>Change the property of div</p>
<button onclick = "myFunction()"> Set Perspective </button>
<div id = "div1">DIV1
<div id = "div2">DIV2</div>
<div id = "div3">DIV3</div>
</div>
<script>
function myFunction() {
document.getElementById("div1").style.perspective = "90px";
}
</script>
</body>
</html>