Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > การลากเส้นเชื่อมโยง รูปภาพ 2 รูปทำยังไงครับหรือมีวิธการทำยังครับ

การลากเส้นเชื่อมโยง รูปภาพ 2 รูปทำยังไงครับหรือมีวิธการทำยังครับ

เริ่มหัวข้อใหม่

ole

โพสกระทู้ ( 33 )
บทความ ( 0 )

อันนี้คือการออกแบบในตารางครับ

ผลลัพธ์

ส่วนอันนี้ คือผลลัพท์ที่ต้องการ ไม่รู้ว่าจะลากเส้นยังไงครับ

ท่านใดทราบวิธีทำ หรือ Link ตัวอย่างก้ได้ครับ

ขอบคุณครับ....

Tag : PHP, Ms SQL Server 2005

Date : 2013-07-23 13:29:42

By : mr_tasana

View : 2569

Reply : 5

No. 1

Krungsri

โพสกระทู้ ( 1,521 )
บทความ ( 2 )

Visualization: Organizational Chart

jQuery Organisation Chart

Interactive Organisation Chart Demo

Date : 2013-07-23 14:36:54

By : Krungsri

No. 2

To Be Developer

โพสกระทู้ ( 1,994 )
บทความ ( 10 )

http://www.amaslo.com/2012/06/drawing-diagonal-line-in-htmlcssjs-with.html

http://lazylinepainter.info/

ถ้าแบบง่ายๆนะครับ เตรียมของกันก่อน
1. วาดรูปเส้นตรง แบบแนวนอน และแนวตั้งอย่างละเส้น บันทึกเป็นไฟล์ .png หรือ .gif
2. สร้าง <div class="hor"></div> สำหรับบรรจุเส้นที่เป็นแนวนอน
3. สร้าง <div class="ver"></div> สำหรับบรรจุเส้นที่เป็นแนวตั้ง
4. สร้าง css ให้อีเลนเมนที่บรรจุดเส้นทั้ง .hor และ .ver โดยกำหนดให้ position : absolute จะได้ตั้งตำแหน่งไหนก็ได้

เตรียมสคริปต์ สำหรับนำเส้นต่างๆ มาประกอบกัน
1. หากึ่งกลางของภาพ และแสดงเส้นตรงในตำแหน่งกึ่งกลาง กำหนดความสูง
2. สร้างเส้นแนวนอนต่อจากจุดสุดท้ายของเส้นตรง กำหนดขนาดความยาวให้ได้กึ่งกลางของภาพถัดไป
3. หาตำแหน่งปลายด้าน ซ้าย แล้วสร้างเส้นตรงลงไป
4. หาตำแหน่งปลายด้านขวา แสดงเส้นลงลงไป

หาตำแหน่งที่ต้องการไปเรื่อยๆครับ

Date : 2013-07-23 14:50:00

By : {Cyberman}

No. 3

ole

โพสกระทู้ ( 33 )
บทความ ( 0 )

ยากมากๆเลยครับ

ไม่มีตัวอย่างเลยหรอครับ

ขอบคุณครับ.....

Date : 2013-07-23 16:05:25

By : mr_tasana

No. 4

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Date : 2013-07-23 16:50:39

By : mr.win

No. 5

เอี่ยว

โพสกระทู้ ( 3,468 )
บทความ ( 0 )

http://www.w3schools.com/html/html5_canvas.asp
คิดถึงสมัยใช้ canvas ในจาวาดกราฟแท่ง

Date : 2013-07-23 18:29:28

By : pjgunner.com

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : การลากเส้นเชื่อมโยง รูปภาพ 2 รูปทำยังไงครับหรือมีวิธการทำยังครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก