raphael js ปรับขนาด canvas จากนั้น setViewBox เพื่อแสดงองค์ประกอบทั้งหมด

คุณสามารถคำนวณมิติที่จำเป็นได้โดยใช้วิธีการดังนี้:

function recalculateViewBox( canvas )
{
    var max_x = 0, max_y = 0;
    canvas.forEach( function( el )
        {
            var box = el.getBBox();
            max_x = Math.max( max_x, box.x2 );
            max_y = Math.max( max_y, box.y2 );
        } );
    if ( max_x && max_y )
        canvas.setViewBox( 0, 0, max_x, max_y );
}

โดยพื้นฐานแล้ว คุณเพียงแค่เดินไปตามเนื้อหาของแคนวาสและสร้างกล่อง meta-bounding จากนั้นปรับ viewBox ให้เข้ากับมัน

หากคุณ ต้องการ เพิ่มความเก๋ไก๋ คุณสามารถทำให้ช่องมองเคลื่อนไหวได้ตลอดเวลาเพื่อให้เปลี่ยนเป็นขนาดใหม่ได้อย่างลื่นไหล ฟังก์ชั่นไม่สำคัญ แต่ เซ็กซี่ปานกลาง...