ปรึกษาการปริ้นหน้าเว็บค่ะ

เริ่มโดย ChilTunDer, 01 พฤษภาคม 2018, 16:32:15

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

ChilTunDer

เจ้านายอยากให้สามารถปริ้นกราฟที่อยู่หน้าเว็บได้ โดยให้อยู่ในรูปของกระดาษ A4 ตัวอักษรจะเล็กก็ไม่สนค่ะ (คนเขียนเดิมใช้ js วาดเอาซึ่งไม่อยากไปยุ่งกับ code ส่วนที่เขาได้เขียนไว้)

เราจึงมีความคิดที่จะเขียน function ขึ้นมาใหม่เพื่อปริ้นโดยที่ไม่ยุ่งกับ code เดิมเขาเลยค่ะ แต่ทีนี้คิดไม่ออกว่าจะทำอย่างไรดี เพราะกราฟมีทั้งยาว และสั้น คือถ้ายาวก็จะล้นกรอบของ Browser ต้อง scroll X หรือ Y เอาค่ะ (กราฟอยู่ภายใต้ div ค่ะ)

ช่วยแนะนำหน่อยค่ะ พอจะมีวิธีไหมค่ะที่จะ print ออกมาเป็นรูปโดยที่ zoom ดูแล้วไม่แตก แต่ถ้าปริ้นก็ปริ้นออกมาในกระดาษ A4 เท่านั้นค่ะ

BOS

ผมใช้ javascript เพื่อ update ขนาดเนื้อหาให้พอดี ก่อน print และหลังจากคำสั่ง print ก็ให้คืนสภาพเดิม (อาจใช้คู่กับCSSด้วยนะครับ)

deadclosed

สร้างเป็น PDF ก่อนเพื่อมองเห็นภาพรวมแล้วปริ้น ได้ไหม

goldxp

<div class="box">
<div class="graph"></div>
</div>

<style>
.box{
   width:950px;
   margin:0 auto;
}
.graph{
    max-width:100%;
}
</style>

กำหนดขนาดกรอบนอกแล้วก็บังคับให้ graph ไม่เกินกรอบครับ
หรือกำหนด width ให้ graph เลยก็ได้ครับ แต่ยังก็คงต้องลอง print preview ดูครับว่ากว้างเท่าไหร่น่าจะพอดี
[direct=http://web-programming-bookmark.blogspot.com/p/blog-page.html]รับแก้ไขเว็บ[/direct]

infamous

ผมว่า ถ้าได้เห็นภาพตัวอย่าง น่าจะจบได้ครับ สำหรับเคสนี้ กราฟเป็นยังไง มีอะไรที่ต้องการ print บ้าง