जेएस पर यथार्थवादी पृष्ठ चालू होने का प्रभाव

मुख्य पुस्तकालय सुविधाएँ

• दोनों सरल चित्रों के साथ, कैनवास पर प्रतिपादन के साथ, और html ब्लॉकों के साथ काम करता है - सीएसएस परिवर्तनों का उपयोग करके
• सुंदर लचीला विन्यास प्रणाली और सरल एपीआई
• मोबाइल उपकरणों का समर्थन करता है
• चित्र और लैंडस्केप मोड के बीच स्वचालित अभिविन्यास परिवर्तन

स्थापना

npm install page-flip

<div id="book">
    <div class="my-page">
        Page one
    </div>
    <div class="my-page">
        Page two
    </div>
    <div class="my-page">
        Page three
    </div>
    <div class="my-page">
        Page four
    </div>
</div>

import {PageFlip} from 'page-flip';
const pageFlip = new PageFlip(document.getElementById('book'),
    {
        width: 400, // required parameter - base page width
        height: 600  // required parameter - base page height
    }
);

pageFlip.loadFromHTML(document.querySelectorAll('.my-page'));

गणना

• परिवर्तन कोण गणना
• पृष्ठ दृश्यता की गणना