turn.js icon indicating copy to clipboard operation
turn.js copied to clipboard

how to make canvas non-transparent

Open yinjun1991 opened this issue 8 years ago • 2 comments

I use canvas as page element, HTML structure like this:

<div id="flipbook">
  <canvas></canvas>
  <canvas></canvas>
  <canvas></canvas>
</div>

but when i am turning page, i find that the page is transparent, so i have a problem: how to make the page non-transparent ?

screenshot

thank you very much

yinjun1991 avatar Dec 26 '16 09:12 yinjun1991

CSS background:

.flipbook .page {
    background-color: tomato;
}

odahcam avatar Dec 26 '16 11:12 odahcam

Since the issue is still open and in case someone still finds the same issue (if you use the "display: single" option of turn.js). I just solved my problem by setting background-color on CSS of p-temporal element: .p-temporal{ background-color: #000000; }

KostasEfth avatar Mar 17 '20 16:03 KostasEfth