I am using epub.js javascript plugin to render epub file in a web application. This is my sample code
<!-- EPUBJS Renderer -->
<script src="../build/epub.js"></script>
<script>
"use strict";
var Book = ePub("https://s3.amazonaws.com/moby-dick/");
</script>
<body>
<div id="main">
<div id="prev" onclick="Book.prevPage();" class="arrow">‹</div>
<div id="area"></div>
<div id="next" onclick="Book.nextPage();" class="arrow">›</div>
</div>
<script>
Book.renderTo("area");
</script>
</body>
It works fine and render epub as iframe inside div element. I just want to prevent copying of epub content from browser. Disabling mouse event is a option bt by inspecting browser epub file content is visible and can be easily copied from there. I just want to avoid that. Loading epub content as canvas seems a good idea to achieve this.
Are there any ways to load epub inside canvas or please suggest any other ways to prevent copying epub content from browser.