เราสร้างไดอะแกรมเวกเตอร์เชิงโต้ตอบของรถไฟใต้ดินมอสโก วิธีเชื่อมต่อแผนผังที่นั่งแบบโต้ตอบกับกิจกรรม

คุณสามารถเชื่อมต่อแผนผังที่นั่งแบบโต้ตอบกับกิจกรรมได้เมื่อสร้างกิจกรรมใหม่หรือเมื่อแก้ไขกิจกรรมที่มีอยู่

หากคุณต้องการสร้างกิจกรรมใหม่ด้วยผังที่นั่ง ให้ไปที่บัญชีส่วนตัวของคุณแล้วคลิก "สร้างกิจกรรม"- เข้าสู่ขั้นตอนที่สาม “กำหนดการเข้าร่วม”

หากคุณต้องการเชื่อมโยงผังที่นั่งกับกิจกรรมที่มีอยู่ โปรดคลิกที่ลิงก์ "แก้ไข"ในหน้ากิจกรรมและไปที่ขั้นตอน “กำหนดการเข้าร่วม”.

ในขั้นตอน "การตั้งค่าการเข้าร่วม" ให้คลิกที่ปุ่ม "เพิ่มแผนที่ที่นั่งแบบโต้ตอบ"ที่ด้านล่างของแบบฟอร์มในส่วนหลักของหน้า

คุณจะเห็น ตัวแก้ไขแผนผังที่นั่ง.

เพิ่มสถานที่ลงในไดอะแกรม

เลื่อนเคอร์เซอร์ไปยังพื้นที่สีขาวที่ว่างเปล่า ใกล้กับกึ่งกลางมากขึ้น และกดปุ่มซ้ายของเมาส์ค้างไว้ เลื่อนเคอร์เซอร์เหมือนกับว่าคุณกำลังเลือกไฟล์โดยไม่ต้องปล่อยปุ่มซ้ายของเมาส์

เมื่อเคลื่อนที่ คุณจะเห็นสถานที่ที่ถูกสร้างขึ้น เพื่อความสะดวก ขนาดของกลุ่มสถานที่ที่เพิ่มจะแสดงเป็น "ความสูง X ความกว้าง" ถัดจากเคอร์เซอร์

ปล่อยปุ่มซ้ายของเมาส์เพื่อสร้างช่องว่างให้เสร็จสิ้น

ย้ายและลบสถานที่เพื่อให้ได้การจัดเรียงที่ต้องการ

คลิกปุ่ม "เปลี่ยนสถานที่"ด้านบนขวา

หากต้องการลบหรือย้ายสถานที่ คุณต้องเลือกสถานที่เหล่านั้นก่อนคุณต้องกดปุ่มซ้ายของเมาส์ค้างไว้แล้วเคลื่อนที่โดยไม่ต้องปล่อย โดยเลือกสถานที่ในลักษณะเดียวกับที่คุณเลือกข้อความหรือไฟล์ กระบวนการนี้คล้ายกับการวางตำแหน่ง

ไฮไลต์สถานที่ที่คุณต้องการย้ายหรือลบ

หากต้องการย้ายสถานที่ เพียงกดลูกศรบนแป้นพิมพ์ให้สอดคล้องกับทิศทางที่ต้องการ คุณยังสามารถกดปุ่มซ้ายของเมาส์ค้างไว้ในตำแหน่งที่เลือกและเลื่อนเคอร์เซอร์โดยไม่ต้องปล่อย - สถานที่จะเลื่อนไปด้านหลัง เช่นเดียวกับที่คุณย้ายไฟล์หรือส่วนหนึ่งของรูปภาพในโปรแกรมแก้ไขกราฟิก

หากต้องการลบสถานที่ เพียงกดปุ่ม ลบหรือ แบ็คสเปซ

ตัวอย่าง

เรามีที่นั่งที่สร้างขึ้นใหม่ - ห้องโถงสูง 15 ที่นั่ง และกว้าง 51 ที่นั่ง สมมติว่าแถวหลังหลายแถวไม่มีที่นั่งด้านข้าง 4 ที่นั่ง คุณต้องสร้างทางเดินระหว่างที่นั่งและย้ายแถวแรกออกจากส่วนที่เหลือ

กำหนดค่าใช้จ่ายให้กับสถานที่ต่างๆ

หากต้องการกำหนดราคาให้กับที่นั่ง ให้เลือกที่นั่ง จากนั้นคลิกปุ่ม "กำหนดประเภทตั๋ว"- จากเมนูแบบเลื่อนลงให้เลือก "เพิ่มหมวดหมู่"

ตั้งชื่อหมวดหมู่ตั๋ว เป็นต้น "แถวแรก"ระบุค่าใช้จ่าย หากจำเป็น เขียนความคิดเห็น (ผู้เข้าร่วมจะเห็นมันในแผนภาพ) ทางที่ดีควรทำซ้ำราคาตั๋วในความคิดเห็น

ขณะนี้ที่นั่งที่จัดสรรมีสีที่แตกต่างกัน และราคามีการเปลี่ยนแปลงตามหมวดหมู่ที่กำหนด

หากต้องการเปลี่ยนราคาประเภทที่นั่ง ให้เลือกที่นั่ง คลิก “กำหนดประเภทตั๋ว” และคลิกที่ดินสอถัดจากหมวดหมู่ที่นั่งที่ต้องการ

นับที่นั่ง

หากต้องการกำหนดหมายเลขที่นั่ง ให้เลือกที่นั่งทั้งหมดหรือส่วนที่คุณต้องการกำหนดหมายเลข

คลิก “จำนวนที่นั่ง”ในแผงด้านบน ในหน้าต่างที่ปรากฏขึ้น ให้เลือกวิธีการกำหนดหมายเลขและค่าเริ่มต้น คลิก "ตัวเลข"

ทำทุกอย่างตามที่คุณต้องการ

มาตราส่วน

เพื่อความสะดวกในการทำงานกับแผนผังห้องโถง ตรวจสอบให้แน่ใจว่าได้ตั้งมาตราส่วนไว้ที่ระดับที่สะดวกสบาย เมื่อต้องการทำเช่นนี้ ให้ใช้ปุ่มสามปุ่มที่ด้านซ้ายบน

หากต้องการซูมเข้าและออก ให้ใช้ปุ่ม และ ตามลำดับ ปุ่มจะปรับขนาดตามขนาดของไดอะแกรมโดยอัตโนมัติ - ใช้คุณสมบัตินี้เพื่อหลีกเลี่ยงการสูญเสียสถานที่ห่างไกล นอกจากนี้ยังช่วยให้คุณค้นหาสถานที่ที่คุณอาจย้ายไปไกลเกินไปหรือลืมถอดออกโดยไม่ได้ตั้งใจ

ตำแหน่งผ้าใบ

เพื่อความสะดวกในการแก้ไข ตรวจสอบให้แน่ใจว่าผืนผ้าใบอยู่ในตำแหน่งที่เหมาะกับคุณ หากต้องการย้ายผืนผ้าใบ ให้คลิกปุ่ม "ย้ายผืนผ้าใบ" จากนั้นกดปุ่มซ้ายของเมาส์ค้างไว้แล้วเลื่อนเคอร์เซอร์

นอกจากนี้ ในการเคลื่อนย้ายผืนผ้าใบ เมื่อใดก็ได้ ให้กด Spacebar ค้างไว้แล้วเลื่อนผืนผ้าใบด้วยเมาส์

ไม่ต้องกังวลเกี่ยวกับตำแหน่งและตำแหน่งของผืนผ้าใบ ผู้เข้าร่วมของคุณจะเห็นไดอะแกรมที่จัดกึ่งกลางและปรับขนาดโดยอัตโนมัติเสมอ

ส่วนที่ใหญ่ที่สุดของโครงร่างศูนย์การค้าแบบโต้ตอบคือโครงร่างพื้น ปล่อยให้มันมีรายละเอียด แต่ในขณะเดียวกันก็ให้แสงสว่างทางสายตา ควรชัดเจนว่าแผนกต่างๆ ตั้งอยู่ที่ไหน ทางเข้า ที่จอดรถ และสิ่งอำนวยความสะดวกอื่นๆ ตั้งอยู่ที่ไหน

แผนผังของแต่ละชั้นของศูนย์การค้า Vodny นั้นจัดทำขึ้นโดยใช้โทนสีของตัวเอง ชื่อของแบรนด์ใหญ่ๆ จะถูกเซ็นชื่อทันที ในขณะที่ชื่อแบรนด์เล็กๆ จะปรากฏขึ้นเมื่อคุณวางเมาส์เหนือเมาส์ มีการทำเครื่องหมายทางเข้าจากถนนสายต่างๆ มองเห็นตำแหน่งของลานจอดรถได้

ให้โอกาสในการเลือกชั้น

หากคุณวางแบบแปลนชั้นทั้งหมดของศูนย์การค้าไว้ด้านล่างอีกแบบหนึ่ง แผนภาพจะมีขนาดใหญ่มาก วิธีแก้ไขคือแสดงแผนผังชั้นเดียวเสมอ แต่ในขณะเดียวกันก็ให้โอกาสในการสลับระหว่างเลย์เอาต์ของชั้นต่างๆ ตัวเลือกที่ง่ายที่สุด: เขียนว่า "เลือกชั้น: 1, 2, 3" หรือคุณสามารถทำสิ่งที่น่าสนใจกว่านี้และทำให้ขั้นตอนการเลือกพื้นอิ่มตัวด้วยข้อมูลเพียงเล็กน้อย หรือแม้แต่ทำให้มันกลายเป็นเกม

บนเว็บไซต์ของศูนย์การค้าและความบันเทิง Vesna ซึ่งอยู่ในขั้นตอนของการเลือกชั้นมีการเขียนโดยสรุปว่าแต่ละชั้นมีอะไรบ้าง: บนศูนย์ - ที่จอดรถด้านแรก - ร้านกาแฟและไฮเปอร์มาร์เก็ต ในวันที่สอง - โรงภาพยนตร์

ในส่วนหัวของเว็บไซต์ศูนย์การค้า RIO มีองค์ประกอบแบบโต้ตอบที่สดใสสำหรับการเลือกชั้น นี่คือสิ่งแรกที่ผู้ใช้เห็น เคล็ดลับนี้ใช้เพื่อดึงดูดความสนใจไปที่ส่วนเลย์เอาต์ได้ดีกว่าลิงก์ข้อความทั่วไป

เขียนชื่อหน่วยงานต่างๆ

งานหลักอย่างหนึ่งของรูปแบบเชิงโต้ตอบของศูนย์การค้าคือการแสดงว่ามีร้านค้าประเภทใด แต่ถ้าคุณเซ็นชื่อทั้งหมดพร้อมกัน คุณจะสับสน จะสะดวกกว่าในการใส่ชื่อในหน้าต่างป๊อปอัปที่ปรากฏขึ้นเมื่อโฮเวอร์หรือคลิกเมาส์

ให้คำอธิบายสั้น ๆ เกี่ยวกับร้านค้า

ในแผนผังชั้นทั่วไป ให้เขียนสรุปสิ่งที่ขายในแต่ละแผนก วางโลโก้ เวลาทำการ และลิงก์ไปยังคำอธิบายแบบเต็มบนเว็บไซต์ของศูนย์การค้า ดูเหมือนข้อมูลจะมากเกินไป อย่างไรก็ตาม สามารถวางเป็นแถวคู่ในหน้าต่างป๊อปอัปที่ปรากฏขึ้นเมื่อคุณวางเมาส์เหนือชื่อร้านค้า

ลูกค้าอาจจะไม่รู้จักชื่อแบรนด์ทั้งหมด แต่บางครั้งสีของป้ายร้านที่พวกเขาเคยซื้อเสื้อสำเร็จก็จำได้ โลโก้แบรนด์สีจะช่วยคุณค้นหาแผนกดังกล่าวบนแผนที่แบบโต้ตอบของห้างสรรพสินค้า

บนเว็บไซต์ศูนย์การค้า BOSHE โลโก้จะปรากฏในหน้าต่างป๊อปอัปเมื่อคุณคลิกที่เซลล์ที่เกี่ยวข้องบนแผนที่

บนเว็บไซต์ศูนย์ช้อปปิ้งและความบันเทิง Atmosfera โลโก้จะปรากฏขึ้นเมื่อคุณคลิกที่แผนก

พวกเขากระทำการอย่างมีไหวพริบบนเว็บไซต์ของ TK Centralny ในแผนทั่วไป คำอธิบายโดยละเอียดของแผนกจะแสดงในบล็อกด้านขวาทันที ในขณะเดียวกัน แผนที่ยังคงมีขนาดกะทัดรัด

เพิ่มสตริงการค้นหา

หากการค้นคว้าแผนที่ศูนย์การค้าไม่ได้ผลลัพธ์ ผู้ใช้อาจทำให้ไซต์ไม่พอใจ หรือเขาสามารถลองค้นหาสิ่งที่เขาต้องการโดยใช้แถบค้นหาทั้งตามชื่อแบรนด์และตามหมวดหมู่ผลิตภัณฑ์ เช่น เสื้อผ้า รองเท้า ของขวัญ ฯลฯ

แบ่งแผนกออกเป็นหมวดหมู่

ร้านค้าต่างๆ มากมายในศูนย์การค้าและความบันเทิงสามารถแบ่งออกเป็นหลายประเภทตามประเภทของสินค้าหรือบริการ: เสื้อผ้า รองเท้า สินค้าสำหรับเด็ก ของชำ อุปกรณ์และอื่น ๆ ซึ่งจะทำให้ลูกค้าสามารถสำรวจโครงการได้ง่ายขึ้น ทำเครื่องหมายบนแผนที่ทุกยี่ห้อจากหมวดหมู่ผลิตภัณฑ์ที่ผู้ใช้เลือก จะเห็นได้ชัดทันทีว่ามีของเล่นหรือแจ็กเก็ตหนังให้เลือกมากมาย

ผลิตภัณฑ์ของ Aeropark ไม่เพียงแต่ถูกจัดกลุ่มตามประเภทเท่านั้น แต่ยังแบ่งตามเพศด้วย แบรนด์ของหมวดหมู่ที่เลือกจะถูกเน้นบนเลย์เอาต์ และหมายเลขของแต่ละชั้นก็จะแสดงเพิ่มเติมด้วย

ในแผนของศูนย์การค้า Kit ร้านค้าในหมวดหมู่เดียวกันจะแสดงด้วยสีเดียวกัน บล็อกที่มีรายการหมวดหมู่จะแสดงชื่อของแบรนด์ที่รวมอยู่ในนั้น

ตามแผนของศูนย์การค้า Planeta บริการธนาคารจะแสดงเป็นสีน้ำเงิน สินค้ากีฬาเป็นสีน้ำเงิน อุปกรณ์อิเล็กทรอนิกส์เป็นสีแดง ฯลฯ

แผนกประเภทเดียวกันในศูนย์การค้า Omsky จะถูกระบุด้วยเครื่องหมายสีแดง

แผนที่ของศูนย์การค้า Savyolovsky เริ่มต้นด้วยแผนแยกของศูนย์ขนาดใหญ่สี่แห่ง ได้แก่ แฟชั่น สำหรับเด็ก คอมพิวเตอร์และโทรศัพท์มือถือ เมื่อคุณวางเมาส์เหนือหมวดหมู่ใดๆ จำนวนร้านค้าภายในหมวดหมู่นั้นจะปรากฏขึ้น

เพิ่มไอคอนของวัตถุโครงสร้างพื้นฐาน

แสดงที่ตั้งของห้องและพื้นที่ที่สำคัญต่อลูกค้า ทำเครื่องหมายบนแผนที่แบบอินเทอร์แอคทีฟ ได้แก่ โต๊ะประชาสัมพันธ์ ห้องน้ำ ลิฟต์ บันไดเลื่อน ห้องแม่และเด็ก ตู้เอทีเอ็ม ตู้เสื้อผ้า

ตามแผนของศูนย์การค้า Rainbow Park คุณสามารถเปิดและปิดเลเยอร์ด้วยไอคอนข้อมูลทั้งหมด

ไอคอนบนเค้าโครงของศูนย์การค้า Afimall City จะปรากฏขึ้นเมื่อคุณวางเมาส์เหนือไอคอนสีน้ำเงินอันใดอันหนึ่งที่ด้านซ้ายบน

แผนที่ของศูนย์การค้า Rainbow ไม่เพียงแสดงบันไดเลื่อน ตู้เสื้อผ้า และห้องน้ำเท่านั้น แต่ยังรวมถึงน้ำพุ เตียงดอกไม้ และม้านั่งด้วยรายละเอียดที่เล็กที่สุด สิ่งนี้จะทำให้ผู้มาเยี่ยมชมห้างสรรพสินค้าสามารถจัดการประชุมที่วัตถุสัญลักษณ์เหล่านี้ได้อย่างสะดวก

การบริหารงานของศูนย์การค้า Capital Mall ไม่ได้ซ่อนตัวจากผู้มาเยี่ยมชม ตำแหน่งของมันถูกระบุไว้ในแผน

ถอดรหัสสัญลักษณ์

เพิ่มคำอธิบายลงในไดอะแกรมเชิงโต้ตอบของคุณ—รายการสัญลักษณ์ที่คุณใช้และคำอธิบายความหมายของสัญลักษณ์เหล่านั้น

ทำเครื่องหมายทางเข้าศูนย์การค้า

ตามกฎแล้วคุณสามารถเข้าสู่แหล่งช้อปปิ้งและความบันเทิงได้หลายแห่งในคราวเดียว แสดงทางเข้าและออกที่เป็นไปได้ทั้งหมดบนแผน

ระบุสถานที่และราคาที่จอดรถ

บางครั้งคุณอาจพบที่จอดรถโดยไม่คาดคิดที่สนามหลังบ้านของศูนย์การค้า และบางครั้งอาจอยู่ในทางรถแล่นระหว่างอาคารสองหลัง แสดงสถานที่ที่เป็นไปได้ทั้งหมดที่ลูกค้าสามารถจอดรถไว้ขณะช้อปปิ้งได้

ในเอกสารกระดาษ คุณถูกจำกัดให้ใช้สกีมาแบบคงที่ล้วนๆ แต่ Visio 2010 มีเครื่องมือมากมายสำหรับการสร้างการโต้ตอบ ซึ่งจะมีประโยชน์เมื่อนำเสนอไดอะแกรมทางอิเล็กทรอนิกส์ในงานนำเสนอ บนเพจบนไซต์อินเทอร์เน็ต หรือพอร์ทัลองค์กร SharePoint และแม้แต่พื้นที่นี้ก็ไม่ได้จำกัดอยู่เพียงเท่านั้น ในบทความนี้ เราจะพยายามทำความเข้าใจหลักการสร้างไดอะแกรมเชิงโต้ตอบโดยใช้ Visio 2010

การสร้างโฮมเพจผังงาน

ก่อนที่เราจะพูดถึงความสามารถเชิงโต้ตอบของ Visio 2010 เรามาสร้างผังงานอย่างง่ายเพื่อแสดงกระบวนการออกแบบเว็บไซต์เสียก่อน โดยทั่วไปจะใช้สัญลักษณ์ IDEF0 สำหรับการสร้างแบบจำลองกระบวนการ และ Visio 2010 มีเทมเพลตสำหรับการสร้างแบบจำลองที่สอดคล้องกัน (กลุ่ม บล็อกไดอะแกรม, ตัวอย่าง โครงการ IDEF0) อย่างไรก็ตาม เราจะไม่เจาะลึกเข้าไปในป่าของมาตรฐาน และจะเลือกบล็อกไดอะแกรมแบบง่ายๆ

คุณสามารถลากรูปร่างลงบนแผ่นงานแล้วเชื่อมต่อด้วยลูกศรได้ แต่ฉันขอแนะนำให้ใช้ฟีเจอร์ของ Visio 2010 เพื่อทำให้งานของคุณง่ายขึ้น เมื่อคุณวางเมาส์ไว้เหนือองค์ประกอบใดองค์ประกอบหนึ่งของผังงาน ลูกศรสามเหลี่ยมเล็กๆ จะปรากฏขึ้นที่ด้านที่ว่าง วางเคอร์เซอร์ไว้เหนือหนึ่งในนั้นเพื่อเลือกรูปร่างที่ต้องการจากรายการที่ปรากฏขึ้น ซึ่งจะเชื่อมต่อด้วยลูกศรไปยังบล็อกหลักโดยอัตโนมัติ (ดูรูปที่ 1)

รูปที่ 1 - เพิ่มบล็อกฟังก์ชันอย่างรวดเร็ว

ขออภัย Visio 2010 ไม่อนุญาตให้คุณเพิ่มองค์ประกอบหลายรายการไว้ที่ด้านหนึ่งของบล็อกด้วยวิธีนี้ ดังนั้นคุณจะต้องแนบองค์ประกอบเหล่านั้นด้วยตนเอง ลากรูปร่าง กระบวนการย่อยภายใต้อันใดอันหนึ่งที่มีอยู่ จากนั้นใช้เครื่องมือ สายเชื่อมต่อบน บ้านแท็บ (ดูรูปที่ 2)

รูปที่ 2 – เครื่องมือ “สายเชื่อมต่อ”

เมื่อคุณเลื่อนเคอร์เซอร์ไปที่บล็อกหลัก Visio จะแสดงโหนดที่สามารถวาดเส้นเชื่อมต่อได้ (ดูรูปที่ 3) ลากลูกศรไปยังโหนดที่ต้องการบนบล็อกอื่นเพื่อสร้างลิงก์

รูปที่ 3 – การเชื่อมโยงบล็อกด้วยสายเชื่อมต่อ

โปรแกรมจะวาดส่วนโค้งที่ต้องการในเส้นและจะรักษาการเชื่อมต่อไว้เมื่อเคลื่อนย้ายรูปร่าง มุมขวาเริ่มต้นอาจไม่เหมาะกับคุณ ดังนั้นนักพัฒนาจึงได้จัดเตรียมความสามารถในการควบคุมพฤติกรรมของสายเชื่อมต่อ ค้นหาบนแท็บ ตัวสร้างปุ่ม สายเชื่อมต่อและระบุประเภทที่ต้องการ (ดูรูปที่ 4) การตั้งค่านี้มีผลกับทั้งหน้า

รูปที่ 4 - การเปลี่ยนประเภทสายเชื่อมต่อ

คุณยังสามารถใช้ประโยชน์จากความสามารถในการเปลี่ยนตำแหน่งสัมพัทธ์ของบล็อกได้อย่างรวดเร็ว ค้นหาบนแท็บ ตัวสร้างปุ่มแบบเลื่อนลง เปลี่ยนเค้าโครงหน้า(ดูรูปที่ 5) และเลือกหนึ่งในตัวเลือกสำหรับสร้างไดอะแกรมบล็อก ดังนั้นด้วยการคลิกเพียงไม่กี่ครั้ง คุณก็สามารถเปลี่ยนตำแหน่งของบล็อกได้อย่างสมบูรณ์ ฟังก์ชันนี้มีประโยชน์อย่างยิ่งสำหรับการจัดตำแหน่งร่วมกัน

รูปที่ 5 – การเปลี่ยนเค้าโครงหน้า

เราจะไม่เน้นคุณสมบัติอื่นๆ คุณสามารถดูสิ่งที่ฉันได้รับในรูปที่ 6

การวาดภาพ6 – หน้าหลักของไดอะแกรม

การเพิ่มหน้าที่เกี่ยวข้อง

ตอนนี้เรามีพื้นที่ว่างแล้ว เราก็สามารถเดินหน้าต่อไปเพื่อสร้างการเชื่อมต่อได้ การผูกมีสองประเภทหลัก:

  1. ลิงค์ไปต่อของเพจครับถ้ามีพื้นที่แผ่นไม่เพียงพอที่จะรองรับองค์ประกอบของไดอะแกรม คุณสามารถใส่ลิงก์ไปยังส่วนต่อของไดอะแกรมบนแผ่นงานอื่นได้ ส่วนใหญ่ใช้ในบล็อกไดอะแกรม Visio 2010 สามารถขยายพื้นที่ทำงานได้โดยอัตโนมัติ แต่ในบางกรณี คุณจำเป็นต้องปรับองค์ประกอบให้เหมาะสมภายในขีดจำกัดเฉพาะ
  2. เชื่อมโยงไปยังองค์ประกอบลูกหากคุณต้องการแสดงกระบวนการย่อยหรือเนื้อหาของออบเจ็กต์ คุณสามารถตั้งค่าให้คลิกได้ ในกรณีของเรา เราสามารถเปิดเผยแก่นแท้ของบล็อกได้ การเขียนโปรแกรมสคริปต์รายละเอียดเพิ่มเติมในแผนภาพอื่น วิธีนี้จะขจัดความยุ่งเหยิงของตัวเลขและแนะนำองค์ประกอบของการโต้ตอบในไดอะแกรม

แม้จะมีความแตกต่างภายนอก แต่หลักการใช้งานการสื่อสารทั้งสองประเภทก็เหมือนกันทุกประการ

หมายเหตุสำคัญเครื่องมือการเชื่อมโยงพร้อมใช้งานสำหรับผู้ใช้ Visio Premium 2010 รุ่น Standard และ Professional เท่านั้นที่ไม่มีความสามารถเหล่านี้

มีองค์ประกอบพิเศษในผังงานเพื่อเชื่อมโยงกับความต่อเนื่องของหน้า เชื่อมโยงไปยังหน้าอื่น(ดูรูปที่ 7)

หลังจากที่คุณวางรูปร่างบนแผ่นงานแล้ว คุณจะถูกขอให้ตอบคำถามหลายข้อ (ดูรูปที่ 8)

หากคุณยังไม่ได้สร้างหน้าอื่น คุณสามารถทำได้ทันทีโดยระบุชื่อของแผ่นงานใหม่ มิฉะนั้น คุณสามารถเลือกหนึ่งในเพจที่มีอยู่ได้

  • ช่องทำเครื่องหมาย ลากรูปร่างลิงก์ไปยังหน้าอื่นพูดเพื่อตัวเอง ลบออกหากไม่จำเป็นต้องใช้องค์ประกอบนี้ในหน้าใหม่
  • ด้วยความช่วยเหลือ ซิงค์ข้อความรูปร่างคุณจะตั้งป้ายกำกับเดียวกันบนทั้งสองแผ่น อีกครั้ง หากคุณต้องการชื่ออื่น (เช่น ความต่อเนื่องและ เริ่ม) อย่าเลือกช่องนี้
  • การแทรกไฮเปอร์ลิงก์ในรูปร่างสร้างการเชื่อมต่อระหว่างเพจ จริงๆ แล้ว เราใช้องค์ประกอบนี้เพื่อประโยชน์ของมัน ดังนั้นจึงไม่มีเหตุผลที่จะปฏิเสธเลย

หลังจากกดปุ่มแล้ว ตกลงทั้งสองเพจจะเชื่อมโยงกัน บนแผ่นงานคุณลักษณะนี้จะแสดงในรูปแบบของรูปภาพพร้อมไฮเปอร์ลิงก์ซึ่งสามารถติดตามได้ด้วยการกดปุ่ม .

รูปที่ 9 – ส่วนแรกของแผนภาพอ้างอิงถึงความต่อเนื่อง

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

หากต้องการสร้างเพจที่เชื่อมโยงใหม่ ให้เลือกบล็อก โปรแกรมเมอร์เขียนสคริปต์และกดปุ่ม สร้างบนแท็บ กระบวนการ(ดูรูปที่ 10) ในรายการแบบเลื่อนลง เชื่อมโยงไปยังที่มีอยู่มีการระบุชื่อเรื่องของทุกหน้าของเอกสาร คุณสามารถลิงก์รายการใดก็ได้หรือค้นหาในเอกสารอื่นก็ได้

การวาดภาพ10 – การลิงก์ไปยังเพจ ตั้งหัวข้อที่สื่อความหมายเพื่อหลีกเลี่ยงความสับสน

วิธีการออกแบบกระบวนการย่อยนั้นขึ้นอยู่กับคุณ สิ่งที่ฉันได้รับแสดงไว้ในรูปที่ 11

รูปที่ 11 – กระบวนการย่อย “การเขียนโปรแกรม”

จารึก สูงสุดมีการเชื่อมต่อกับ บ้านหน้าเอกสาร คุณสามารถสร้างกระบวนการย่อยและสร้างการเชื่อมต่ออื่นๆ ต่อไปได้ ตราบใดที่รายละเอียดดังกล่าวกลายเป็นที่ต้องการในภายหลัง

รูปที่ 12 – เมนูบริบทของวัตถุที่มีการเชื่อมต่อ

มีสองบรรทัดใหม่ที่นี่ - บ้านและ เปลี่ยนไฮเปอร์ลิงก์(สังเกตรูปแบบพหูพจน์) หากคุณเลือก บ้านจากนั้นเพียงไปตามลิงก์

รูปที่ 13 แสดงหน้าต่างที่เปิดขึ้นเมื่อคุณเลือกเส้น เปลี่ยนไฮเปอร์ลิงก์- คุณยังสามารถเปิดได้โดยเลือก เปลี่ยนในรายการแบบเลื่อนลง เชื่อมโยงไปยังที่มีอยู่แท็บ กระบวนการ(ดูรูปที่ 10)

การกระทำที่ชัดเจนที่สุดคือ ลบ- มันจะมีประโยชน์ถ้าคุณต้องการกำจัดการเชื่อมต่อ

ในบรรทัด ที่อยู่ระบุเส้นทางไปยังเอกสารที่เชื่อมโยง สำหรับไฟล์ปัจจุบัน ฟิลด์นี้ยังคงว่างเปล่า คุณสามารถเลือกไม่เพียงแต่ไดอะแกรม Visio เท่านั้น แต่ยังสามารถเลือกไฟล์อื่นๆ บนฮาร์ดไดรฟ์ของคุณได้ กล่องกาเครื่องหมาย ใช้เส้นทางสัมพัทธ์สำหรับไฮเปอร์ลิงก์จะช่วยให้คุณสร้างชุดไฟล์พกพาได้ หากต้องการลิงก์ไปยังหน้าเว็บ ให้ป้อน URL ที่เหมาะสมในแถบที่อยู่

ที่อยู่ย่อย– นี่คือหน้าเอกสาร คุณสามารถป้อนได้ด้วยตนเองคุณสามารถกดปุ่มได้ ทบทวนและเลือกจากรายการองค์ประกอบที่มีอยู่ (ดูรูปที่ 14)

การวาดภาพ14 – ระบุที่อยู่ย่อย

ที่นี่คุณสามารถระบุขนาดการแสดงผลของหน้าที่เลือกได้

คุณสามารถสร้างไฮเปอร์ลิงก์ได้หลายรายการในองค์ประกอบเดียว เหตุใดสิ่งนี้จึงจำเป็น? ตัวอย่างเช่น คุณต้องการระบุที่อยู่ของเว็บไซต์ของบริษัทที่ผลิตส่วนประกอบของหน่วยระบบ ในกรณีนี้ ให้กดปุ่ม สร้างกี่ครั้งก็ได้ตามจุดที่คุณต้องการ คุณสามารถสร้างลิงก์ใดลิงก์หนึ่งให้เป็นลิงก์หลักได้ - ค่าเริ่มต้น- ลักษณะของออบเจ็กต์ที่มีการอ้างอิงหลายรายการนั้นแสดงอยู่ในรูปที่ 15

การวาดภาพ15 – ชุดลิงก์ของวัตถุหนึ่งรายการจะถูกเปิดขึ้นพร้อมกับรายการ

และสุดท้าย เราจะดูที่ฟังก์ชันการเลือกกระบวนการย่อย สมมติว่าคุณได้วาดผังงานที่ค่อนข้างใหญ่ และตัดสินใจที่จะลดภาระบางส่วนโดยการย้ายองค์ประกอบบางส่วนไปยังกระบวนการลูก ซึ่งสามารถเข้าถึงได้โดยการคลิกเมาส์ แน่นอนคุณสามารถตัดบล็อก วางในหน้าใหม่ วางบล็อกบนแผ่นงาน และสร้างลิงก์ได้ แต่ Visio 2010 ช่วยให้คุณได้ผลลัพธ์แบบเดียวกันเร็วกว่ามาก

เลือกรูปร่างทั้งหมดที่คุณต้องการย้ายไปยังหน้าและแท็บใหม่ กระบวนการคลิกปุ่ม สร้างจากส่วนที่เลือก(ดูรูปที่ 16)

การวาดภาพ16 – ปุ่มสำหรับสร้างกระบวนการย่อย

สิ่งนี้จะสร้างเพจใหม่ด้วยชื่อเริ่มต้น (เช่น หน้า-2) ซึ่งจะวางส่วนของไดอะแกรมที่เลือกไว้และรูปภาพทดแทนที่มีลิงก์ที่สร้างไว้แล้วจะปรากฏในตำแหน่งเก่า คำจารึกบนบล็อกกระบวนการย่อยจะตรงกับชื่อของหน้าใหม่ แต่แน่นอนคุณสามารถเปลี่ยนแปลงได้ตลอดเวลา

การส่งออกเอกสารแบบโต้ตอบ

แน่นอนว่า คุณต้องมีสำเนาเอกสารหนึ่งชุดในรูปแบบ VSD ดั้งเดิมของ Visio อย่างไรก็ตาม ควรใช้รูปแบบอื่นในการเผยแพร่เนื้อหา การบันทึกในรูปแบบคงที่ (PNG, JPEG, GIF) นั้นไม่สมเหตุสมผลเพราะ มีการสูญเสียการโต้ตอบ โดยทั่วไปตัวเลือกรูปแบบสำหรับบันทึกลิงก์คือรูปแบบขนาดเล็ก เราได้รับหน้าเว็บหรือเอกสาร PDF รูปแบบยอดนิยมเหล่านี้เท่านั้นที่ทำให้สามารถบรรลุเป้าหมายสองประการในคราวเดียว: การเข้าถึงสำหรับผู้ใช้จำนวนมากและการรักษาการโต้ตอบของลิงก์

ในทั้งสองกรณี ไฟล์จะถูกสร้างขึ้นโดยไม่จำเป็นต้องติดตั้ง Visio 2010 บนคอมพิวเตอร์ของคุณเพื่อดูไดอะแกรมเชิงโต้ตอบ แต่คุณควรคำนึงถึงฟีเจอร์เล็กๆ น้อยๆ อย่างหนึ่ง นั่นคือ เมื่อส่งออกเป็นรูปแบบเหล่านี้ ลิงก์หลายรายการจากออบเจ็กต์เดียวจะหายไป บันทึกเฉพาะรายการแรกจากรายการเท่านั้น

บทสรุป

Microsoft Visio 2010 Premium ช่วยให้คุณสร้างไดอะแกรมแบบไดนามิกได้ด้วยการคลิกเพียงไม่กี่ครั้ง หากคุณต้องการคุณสามารถพัฒนาโครงสร้างที่ซับซ้อนหลายระดับและเชื่อมต่อหลายชั้นซึ่งแสดงให้เห็นถึงกระบวนการหรือวัตถุในทุกรูปแบบหรือแม้กระทั่งเกมภารกิจทั้งหมด แต่อย่าหลงระเริง โครงการที่ออกแบบมาดีเกินไปอาจไม่สามารถชดใช้ความพยายามในการสร้างมันขึ้นมาได้ เช่นเดียวกับสิ่งอื่นๆ มากมาย ความสมดุลระหว่างต้นทุนและรายละเอียดเป็นสิ่งสำคัญ

สะดวกในการวิเคราะห์ไวยากรณ์ประเภทต่างๆ โดยทำงานกับคำที่พิมพ์ เทมเพลต และตัวอย่าง ความเป็นไปได้ของการใช้ไวท์บอร์ดแบบโต้ตอบในบทเรียนภาษาและวรรณคดีรัสเซีย บอร์ดที่มีการฉายภาพด้านหน้า ความเป็นไปได้มากมายเปิดกว้างขึ้นโดยใช้ไวท์บอร์ดแบบโต้ตอบเมื่อทำงานกับข้อความ

“บริการแบบโต้ตอบ” - ETV/โทรทัศน์ทั่วไป ความบันเทิง. ตัวเลือกที่ 2 - การแชร์สถานีป้องกัน ภารกิจการพัฒนา ส่วนที่ 1 เทคโนโลยีมิดเดิลแวร์จาก NDS หลายแพลตฟอร์ม/อุปกรณ์ สิ่งที่นำเสนอในปัจจุบัน VideoGuard Express: ใหม่ ฉันต้องการรับชมเนื้อหาของตัวเองและมีฟังก์ชันพีซีบนทีวี ผลิตภัณฑ์ เอ็นดีเอส.

“การสื่อสารแบบโต้ตอบ” - เซิร์ฟเวอร์การสื่อสารแบบโต้ตอบ การเข้าถึงอินเทอร์เน็ตความเร็วสูงจากโทรศัพท์มือถือสามารถทำได้โดยใช้เทคโนโลยี GPRS เซิร์ฟเวอร์การสื่อสารเชิงโต้ตอบ (ต่อ) การสื่อสารเชิงโต้ตอบโดยใช้ ICQ การแนะนำ. โปรแกรมเน็ตมีทติ้ง เซิร์ฟเวอร์การสื่อสารเชิงโต้ตอบ (สิ้นสุด) อย่างไรก็ตาม การสนทนาแบบ "สด" สามารถทำได้ระหว่างคู่สนทนาสองคนในเวลาเดียวกันเท่านั้น

“บทเรียนที่มีไวท์บอร์ดแบบโต้ตอบ” - การใช้ ID ให้ประโยชน์อะไร สร้างไลบรารีรูปภาพและเทมเพลต 5. ทรัพยากรไม่จำกัด การนำเสนอข้อมูลโดยใช้แหล่งข้อมูลมัลติมีเดียต่างๆ ชี้แจง. ความสามารถของ ID สารานุกรม. บทเรียนมัลติมีเดีย 4. ประสิทธิภาพของการจัดหาวัสดุ 1. บทเรียนที่เข้มข้น การติดตามคำถามสำหรับเกรด 9-11:

“การใช้ไวท์บอร์ดแบบโต้ตอบ” - “ตาบอด” ในการดำเนินการ 2. การทบทวนแหล่งข้อมูลอินเทอร์เน็ต การใช้ไวท์บอร์ดแบบโต้ตอบในการสอนคณิตศาสตร์ สร้างวิดีโอโดยใช้การบันทึกไวท์บอร์ดแบบโต้ตอบ คำถามหลักของการสัมมนา Disraeli Benjamin (รัฐบุรุษและนักเขียนชาวอังกฤษ) ออมทรัพย์สุขภาพ 4. การใช้ซอฟต์แวร์ไวท์บอร์ดแบบโต้ตอบเมื่อออกแบบงาน

“วิธีการเชิงโต้ตอบ” - วิธีการแบบพาสซีฟ วิธีการโต้ตอบ วิธีการที่ใช้งานอยู่ วิธีการโต้ตอบ ดำเนินแบบฝึกหัดเชิงโต้ตอบเพื่อเสริมเนื้อหา (“ทุกคนสอนทุกคน”) เมื่อจบบทเรียนให้สรุปด้วยการถามคำถามเสมอ วิธีการสอนสะท้อนรูปแบบปฏิสัมพันธ์ระหว่างครูกับนักเรียน การโต้ตอบ - โต้ตอบ อยู่ในโหมดการสนทนา บทสนทนา: การโต้ตอบอย่างกว้างขวางของนักเรียนไม่เพียงแต่กับครูเท่านั้น แต่ยังรวมถึงกันและกันโดยใช้วิธีการโต้ตอบ

รถไฟใต้ดินมอสโกกำลังเปลี่ยนแปลง ใครก็ตามที่อยากจินตนาการถึงโครงร่างของปี 1945 จะไม่มีปัญหาในการรวบรวมข้อมูลจากโอเพ่นซอร์ส คำถามยังคงอยู่กับการนำเสนอผลลัพธ์ - ไม่ควรแสดงบนแผนภูมิวงกลม ในบทความนี้ผมจะพูดถึงขั้นตอนหลักในการสร้าง พิสูจน์แนวคิดบริการที่ช่วยให้สามารถแสดงแผนที่รถไฟใต้ดินได้ เช่น วันที่ 1 พฤษภาคม 2517 (ซ้าย)หรือสถานีที่มีความลึกมากกว่า 30 เมตร (ขวา).

1 ทิปส์

บันทึกไดอะแกรมเป็นรูปภาพ ตั้งค่าความโปร่งใสต่ำ และวางไว้ใต้ผืนผ้าใบ svg ของเรา ซึ่งเรากำหนดขนาดเดียวกัน สิ่งนี้จะทำให้การจัดวางสถานีง่ายขึ้น


มารับอะไรแบบนี้บ้าง



เพื่อที่จะก้าวต่อไปได้อย่างสะดวกสบาย ฉันยังได้เพิ่มดัชนี (ตัวเลข) และเส้นลงในคุณสมบัติของสถานีด้วย - ต่ำกว่านี้อีกเล็กน้อย คุณจะเข้าใจว่าทำไมจึงทำเช่นนี้

เคล็ดลับ 2

หากคุณกำลังทำอะไรมากกว่าการพิสูจน์แนวคิด ให้ใช้เวลาสองสามชั่วโมงในการเขียนโปรแกรมแก้ไขที่มีความสามารถในการลากและวางสถานีและระบุคุณสมบัติต่างๆ การบริการบัตรของคุณจะง่ายขึ้นมาก ความเป็นไปได้เป็นสัดส่วนโดยตรงกับจำนวนสถานีและคุณสมบัติของสถานี

เส้น

เส้นคืออะไร? นี่คือชุดของส่วนระหว่างสถานี เรามีพิกัด ดัชนี และเส้นของสถานี ซึ่งหมายความว่าเราสามารถวาดส่วนต่างๆ ได้อย่างง่ายดาย มาดูสถานีต่างๆ กันและรับคำแนะนำจากตรรกะต่อไปนี้สำหรับสถานีแต่ละสถานี: หากมีสถานีอยู่บนบรรทัดเดียวกัน แต่มีดัชนีสูงกว่าหนึ่งสถานี ให้วาดส่วนที่อยู่ระหว่างสถานีเหล่านั้น

นี่คือตัวเลือกระดับกลางของเรา


การเปลี่ยนผ่าน

กราฟิก Svg ใช้แบบจำลองเลเยอร์ ซึ่งหมายถึงเพื่อให้ได้ผลลัพธ์ตามที่ต้องการ เราจะทำการเปลี่ยนแปลงแต่ละครั้งโดยใช้เส้นโค้งสองเส้น: อันที่มีสีซึ่งมีเส้นขีดหนาด้านล่าง และเส้นสีขาวที่มีเส้นขีดบางสูงกว่า การจัดเรียงองค์ประกอบขั้นสุดท้ายมีดังนี้ จากล่างขึ้นบน: เส้น ส่วนการเปลี่ยนผ่านที่มีเส้นขีดหนาเป็นสี สถานี ส่วนการเปลี่ยนผ่านที่มีเส้นขีดสีขาวบาง พื้นหลังชื่อสถานี ชื่อสถานี

ชื่อสถานีและพื้นหลัง

แสดงชื่อเรื่องและจัดแนวข้อความโดยใช้คุณสมบัติ ข้อความสมอ- ขออภัย ไม่มีวิธีใดที่จะใช้การขึ้นบรรทัดใหม่ได้นอกจากการสร้างองค์ประกอบเพิ่มเติม

มาทำให้พื้นหลังข้อความเป็นรูปสี่เหลี่ยมผืนผ้าโปร่งแสงปกติกัน เราจะได้ขนาดและพิกัดของข้อความโดยใช้ getBBox

เคล็ดลับ 3

หลังจากใช้เวลามองหาโซลูชันที่หรูหรากว่านี้ในการซ้อนข้อความ คุณจะพบคำแนะนำ downvoted บน stackoverflow เพื่อใช้ตัวกรอง ฉันแนะนำให้ใช้โซลูชันนี้เฉพาะในกรณีของจอแสดงผลกราฟิกเดียวเท่านั้น หากคาดว่าจะมีการปรับเปลี่ยนกราฟิกเพิ่มเติม ตัวกรองจะทำงานไม่ถูกต้อง

ทาสีใหม่

ฉันเลือกสีเริ่มต้นสำหรับสถานีให้เป็นสีของเส้น แต่ถ้าเราต้องการเปลี่ยนสีทุกอย่างโดยใช้การไล่ระดับสีแบบสุ่มล่ะ? มันไม่ยากอย่างที่คิด

เรามีการไล่ระดับสีตามอำเภอใจจากสีหนึ่งไปอีกสีหนึ่งซึ่งเพื่อความสะดวกเราใช้ในช่องค่าของสถานี (เช่นความลึก 23 เมตร) และค่าสูงสุดและต่ำสุดที่เป็นไปได้ (0 สำหรับสถานีภาคพื้นดินและ 80 สำหรับ "Victory Park" ที่ลึกที่สุด มาคำนวณอัตราส่วนเปอร์เซ็นต์ของค่าสถานีต่อความแตกต่างระหว่างค่าสุดขั้วและอัตราส่วนผลลัพธ์ที่นำไปใช้กับค่าต่างของค่าแต่ละช่องสัญญาณ นี่คือสีของเรา

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

การกรอง

ที่นี่ก็ไม่น่ากลัวเหมือนกัน ลองตรวจสอบว่าค่าสถานีอยู่ในช่วงที่เลือกหรือไม่ และถ้าไม่ซ่อนสถานี เมื่อเราเข้าใจสถานีแล้ว เราจะเข้าใจว่าต้องทำอย่างไรกับองค์ประกอบที่เหลือ: หากสถานีถูกซ่อนไว้ ไม่ควรแสดงชื่อหรือการเปลี่ยนผ่านไปยังสถานีนั้น หรือส่วนของสาขา

เคล็ดลับ 4

ใช้คุณสมบัติการมองเห็น เนื่องจากความทึบ แม้ว่าจะซ่อนองค์ประกอบต่างๆ จะทำให้สามารถเลือกและคลิกได้


เรายังเห็นว่าบางสถานีมีชื่อเหมือนกัน ดังนั้น คุณจะต้องซ่อนชื่อเฉพาะเมื่อมีการซ่อนสถานีสุดท้ายที่เกี่ยวข้องกับชื่อนี้เท่านั้น

สิ่งที่เหลืออยู่คือการกำหนดค่าแถบเลื่อนช่วงที่คุณต้องการ ด้วยเหตุผลบางอย่างฉันเขียนของฉัน ฉันอยากจะแนะนำสิ่งนี้ให้กับคนขี้เกียจเป็นต้น

ปรับขนาดและเคลื่อนย้าย

ที่พักจะเป็นผู้รับผิดชอบในเรื่องนี้ วิวบ็อกซ์- พวกจาก Microsoft เขียนพร้อมตัวอย่าง เพื่อสกัดกั้นม้วนหนังสือที่ฉันใช้ jQuery เม้าส์วีล- จริงๆ แล้วนี่ไม่ใช่งานที่ไม่สำคัญที่สุด เนื่องจากเมื่อเปลี่ยนสเกล คุณจะต้องคำนึงถึงการเปลี่ยนแปลงที่สัมพันธ์กับตำแหน่งเดิมด้วยปัจจัยการซูมที่สอดคล้องกัน

เกือบทุกอย่าง

ฉันใช้สถาปัตยกรรมโมดูลาร์ (มีการเปิดตัวโมดูลประมาณหนึ่งโหล)ฉันก็เอา Snap.svg มาช่วย ข้อมูลถูกโหลดแบบไดนามิก คำนวณ และเนื่องจากมีการใช้งานบางอย่างเสร็จแล้ว (ฉันใช้ jquery ดังนั้นฉันจึงเอามันมาจากที่นั่น)ฉันยังสามารถเพิ่มแถบความคืบหน้าง่ายๆ ในขณะที่ทุกอย่างกำลังโหลดได้

ความสุขยังคงอยู่จนกระทั่งฉันตัดสินใจเข้าสู่ระบบจากโทรศัพท์ของฉัน... ใน lumia 1020 ที่ชาญฉลาดมาก บริการนี้ใช้เวลาโหลดนานกว่าครึ่งนาที ฉันลืมไปเลยเกี่ยวกับค่าใช้จ่ายในการจัดการโดม เรามีองค์ประกอบมากกว่าหนึ่งพันรายการ! และการจัดการ viewBox บนอุปกรณ์มือถือทำงานไม่ถูกต้อง

เราแก้ไขข้อบกพร่อง

จากไคลเอนต์ไปยังเซิร์ฟเวอร์

ด้วยการตัดสินใจโดยเจตนา เราจะถ่ายโอนตรรกะไปยังเซิร์ฟเวอร์และแคชเอาต์พุตเพื่อไม่ให้ต้องนับทุกครั้ง ตอนนี้คุณสามารถละทิ้ง Snap.svg บนไคลเอนต์ได้แล้ว!

โอ้ไม่คุณไม่สามารถ

เครื่องกำเนิดการไล่ระดับสีแบบโฮมเมดสำหรับ svg ไม่ได้มีน้ำหนักใด ๆ และมีความสง่างาม แต่บางครั้งก็ใช้งานไม่ได้: ไม่มีการไล่ระดับสีกับองค์ประกอบบางอย่าง มีเพียงสีเท่านั้น ในขณะเดียวกัน การไล่ระดับสีก็ทำงานได้ดีกับองค์ประกอบอื่นๆ เบื่อกับ “มนต์ดำ” ฉันจึงนำห้องสมุดกลับมาให้บริการ ถึงกระนั้น ฉันกำลังเขียนข้อพิสูจน์ประสิทธิภาพ ไม่ใช่ "ผลิตภัณฑ์"


เราจำเป็นต้องปิดปัญหาด้วยการปรับขนาดและความสามารถในการเคลื่อนที่บนอุปกรณ์เคลื่อนที่ ลองคิดดูว่าคุณจะจัดการกับเรื่องนี้อย่างไร

ฉันทำสิ่งนี้

ฉันเริ่มต้นด้วยการค้นหาไลบรารี (ฉันเลือก hammer.js) และแม้แต่อ่านเอกสารประกอบ แต่ฉันจำ TRIZ ได้ Heinrich Altshuller ให้นิยามวัตถุในอุดมคติว่าเป็นวัตถุที่ไม่มีอยู่จริง แต่ฟังก์ชันของวัตถุนั้นบรรลุผลสำเร็จแล้ว

เราได้รับการสนับสนุนที่ยอดเยี่ยมสำหรับการซูมและการแพนบนอุปกรณ์ที่สวมใส่ได้ ซึ่งหมายความว่า... ใช่ ฉันเพิ่งปิดการใช้งานคุณสมบัติ viewBox สำหรับโทรศัพท์และแท็บเล็ต


การโอนนำมาซึ่งตัวเลขอะไร?

ถึง



หลังจาก


ข้อสรุป

ปัญหากับมอซซิลาไฟร์ฟอกซ์

ในระหว่างการทำงาน ปรากฎว่า Mozilla Firefox ได้รับการปรับให้เหมาะสมมากเกินไป ในขณะที่คนอื่นแสดงกราฟิกทั้งหมดอย่างถูกต้อง Mozilla อนุญาตให้ข้ามองค์ประกอบได้หากผู้ใช้ไม่สามารถมองเห็นองค์ประกอบนั้นได้ - ซ่อนไว้โดย div ด้านบนหรือเพียงนอกพื้นที่การมองเห็นของจอภาพ ในฐานะพลเมืองที่มีมโนธรรมฉันได้เพิ่มจุดบกพร่องที่ยังคงอยู่ ยังไม่ได้รับการยืนยันเพื่อตอบสนองคำขอที่จะให้ กรณีทดสอบที่ง่ายที่สุดที่เป็นไปได้ฉันทำไม่ได้ ทุกอย่างทำงานได้ดีกับองค์ประกอบจำนวนเล็กน้อย แต่ดูเหมือนว่าลิงก์ไปยังโปรเจ็กต์จะไม่เพียงพอ

หากตัวแทนของ Mozilla กำลังอ่านข้อความนี้: Guys มันทำงานได้อย่างคดโกงโดยไม่คำนึงถึงแพลตฟอร์ม (วินโดวส์/แมค)และเวอร์ชันต่างๆ (พบในเวอร์ชันเก่าด้วย), สุจริต.

โดยสรุป.

แม้ว่าจะมีความดิบเหลืออยู่บ้างใน html5 แต่ก็ถึงเวลาใช้งานแล้ว ไม่จำเป็นต้องโหลดโปรเซสเซอร์ของผู้ใช้โดยการเพิ่มเอฟเฟกต์ "ทันสมัย" ให้กับทุก ๆ วินาทีของไซต์ที่อยู่เมื่อวานนี้ในรายชื่อผู้รับจดหมายสำหรับนักพัฒนาส่วนหน้า

แต่ถึงเวลาแล้วที่จะต้องทำให้แผนการขนส่งและผลิตภัณฑ์เชิงโต้ตอบที่สะดวกสบายสามารถเข้าถึงได้จากทุกอุปกรณ์

ฉันไม่เข้าใจว่าทำไมยานเดกซ์คนเดียวกันถึงไม่โอน Ya.Metro ไปยังโครงการอย่างเป็นทางการใหม่ที่ใช้งานได้ทุกที่ สำหรับผู้ใช้อุปกรณ์พกพา ผู้ชายมักชอบแสดงลิงก์ไปยังแอปพลิเคชัน ร้านค้า (แอปพลิเคชัน)เต็มไปด้วยลูกค้าสำหรับโซเชียลเน็ตเวิร์กและเว็บไซต์ขนาดใหญ่ และในความคิดของฉัน มีบางอย่างผิดปกติในเรื่องนี้

รปภ

การทำงานในทุกโครงการมีความเกี่ยวข้องกับความคาดหวังในอุดมคติ แต่ความเป็นจริงกลับเป็นเรื่องที่น่ากังวล
ฉันคิดว่าจำเป็นต้องทำบางประเด็นที่นี่:
1. ขอบคุณสำหรับคำติชมและการบริจาคครั้งแรกในการฝึกฝนของฉัน สำหรับผู้เขียน (โดยเฉพาะฉัน)นี่เป็นสิ่งสำคัญจริงๆ
2. โครงการจะไม่ได้รับการอัปเดตในรูปแบบอิสระที่มีอยู่
ฉันทำผิดพลาดมากมายและยอมรับว่ามีการปรับปรุงหลายประการที่สามารถทำได้ การนำไปปฏิบัติจะบังคับให้ฉันละทิ้งสิ่งที่ฉันกำลังทำอยู่ตอนนี้ และการพัฒนารถไฟใต้ดินอย่างต่อเนื่องจะทำให้กระบวนการนี้ไม่มีที่สิ้นสุด
3. ฉันจะพยายามตอบคำถามเกี่ยวกับการนำไปปฏิบัติหรือให้ข้อมูลที่มีอยู่หากจำเป็น ถามในความคิดเห็น

แท็ก:

  • SVG
  • กราฟิกแบบเวกเตอร์
เพิ่มแท็ก