ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingปรึกษาการปริ้นหน้าเว็บค่ะ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ปรึกษาการปริ้นหน้าเว็บค่ะ  (อ่าน 1053 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
ChilTunDer
ก๊วนเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 317



ดูรายละเอียด
« เมื่อ: 01 พฤษภาคม 2018, 16:32:15 »

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

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

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

พลังน้ำใจ: 33
ออฟไลน์ ออฟไลน์

กระทู้: 459



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 01 พฤษภาคม 2018, 18:33:03 »

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

deadclosed
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 133
ออฟไลน์ ออฟไลน์

กระทู้: 1,553



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 02 พฤษภาคม 2018, 11:41:59 »

สร้างเป็น PDF ก่อนเพื่อมองเห็นภาพรวมแล้วปริ้น ได้ไหม
บันทึกการเข้า
goldxp
สมุนแก๊งเสียว
*

พลังน้ำใจ: 73
ออฟไลน์ ออฟไลน์

กระทู้: 556



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 02 พฤษภาคม 2018, 13:23:38 »

<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 ดูครับว่ากว้างเท่าไหร่น่าจะพอดี
บันทึกการเข้า

infamous
ก๊วนเสียว
*

พลังน้ำใจ: 14
ออฟไลน์ ออฟไลน์

กระทู้: 295



ดูรายละเอียด
« ตอบ #4 เมื่อ: 02 พฤษภาคม 2018, 21:46:55 »

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