KineticJS

Từ hình dạng 2D đơn giản và bản vẽ, và lên đến trò chơi trình duyệt phức tạp, KineticJS có thể được sử dụng mà không có một trục trặc cho các thao tác phần tử canvas bên trong DOM.
 KineticJS có thể làm việc với nhiều lớp, hình ảnh động và render, là lý tưởng cho các hoạt hình và trò chơi động cơ

là gì mới trong phiên bản này:.

• New FastLayer để render nên cực kỳ nhanh chóng. Nếu bạn không cần nút làm tổ, chuột và cảm ứng tương tác, hoặc sự kiện pub / sub, bạn nên sử dụng FastLayer thay vì Layer để tạo ra các lớp của bạn. Nó ám về 2x nhanh hơn so với các lớp bình thường.
• Bây giờ đi qua một đối tượng sự kiện Kinetic để xử lý sự kiện, trong đó có một mục tiêu, loại, và chính evt trỏ đến các đối tượng sự kiện bản địa.
• Bây giờ có thể cấu hình nếu Kinetic nên sử dụng độ hoặc radian qua lá cờ Kinetic.angleDeg. Theo mặc định nó là đúng.

là gì mới trong phiên bản 4.7.1:

• layer.clear () bây giờ chính xác sẽ xóa sạch các lớp
• layer.clear () bây giờ cũng sẽ xóa sạch các đồ thị hit (điều này phản ánh vẽ () mà rút ra cả hai hiện trường và đánh graph)

là gì mới trong phiên bản 4.5.2:

• Thêm sự kiện doanh nghiệp phát sinh khi các nút được thêm vào. đối tượng sự kiện với tài sản con được thông qua.
• New setAttr () phương pháp có thể được sử dụng để thiết lập attrs Kinetic, hoặc thậm chí attrs tùy chỉnh. Thay đổi tùy chỉnh attrs cũng có thể được đăng ký, giống như attrs Kinetic. nghĩa là shape.on ('myAttrChange', ...).
• New getType () để có được loại nút. Sẽ trở lại sân khấu, Layer, Group, hoặc Shape.

là gì mới trong phiên bản 4.3.3:

• Sửa lỗi:
• Kinetic.Text sự kiện đang hoạt động đúng.
• Cố định vấn đề nhân rộng khi vẽ trực tiếp lên một lớp vải trên các thiết bị di động với một pixelRatio & # x3e; 1.
• tài sản Wedge chiều kim đồng hồ là bây giờ chính xác mặc định là false.

được gì mới trong phiên bản 4.2.0:

• tối ưu hóa tỷ lệ Pixel để làm sắc nét văn bản và hình ảnh vẽ trên các thiết bị với một tỷ lệ điểm ảnh & # x3e; 1
• New Wedge hình
• hỗ trợ AMD
• Điền mẫu bây giờ có thể được dịch, luân chuyển, thu nhỏ, và bù đắp, tương tự như các nút

là gì mới trong phiên bản 4.1.2:

• Thay đổi createImageBuffer () để createImageHitRegion () cho thống nhất .

là gì mới trong phiên bản 4.0.5:

• Các tính năng mới:
• Làm sáng lọc (Cảm ơn cho việc này bắt đầu Witali Mik!)
• Invert lọc
• lửa () phương pháp bắn sự kiện tổng hợp mà không có sự kiện bọt
• đối tượng Animation bây giờ chứa tài sản Framerate để thuận tiện cho
• Enhancements:
• Thấm cải thiện hình ảnh động, chuyển tiếp, rồi kéo và thả hiệu suất bằng cách giới thiệu chuyển đổi năng động giữa tốc độ khung hình cố định và tốc độ khung hình động
• mô phỏng () phương pháp hiện đang được sử dụng để mô phỏng sự kiện người dùng, chẳng hạn như nhấp chuột, MouseMove, mouseover, vv Khi sự kiện được mô phỏng, họ có thể bong bóng lên cây Node.

là gì mới trong phiên bản v3.10.4:

• New toImage () phương pháp chuyển đổi bất kỳ nút vào một hình ảnh cho mục đích của bộ nhớ đệm mà có thể cải thiện hiệu suất bản vẽ (càng nhiều càng 4x nhanh hơn cho các hình dạng đơn giản)
• Phương pháp mới applyFilter () cho phép bạn áp dụng bộ lọc logic để hình ảnh (ví dụ như màu xám, đảo ngược màu sắc, vv.)
• toDataURL bây giờ có thể được sử dụng đồng bộ với các lớp, nhóm, và hình dạng. Giai đoạn toDataURL () là vẫn còn không đồng bộ
• Mở đổi attr đối tượng xử lý sự kiện bây giờ chứa oldVal và tài sản newVal
• SAVEDATA () đã thay đổi để saveImageData (), và clearData () đã thay đổi để clearImageData ()
• saveImageData () và clearImageData () bây giờ làm việc với bất kỳ nút, bao gồm các giai đoạn, các lớp, và các nhóm
• New trên beforeAttrChange xử lý sự kiện mà cháy ngay lập tức trước khi thiết lập một thuộc tính (trái ngược với trên attrChange, mà cháy ngay lập tức sau khi một attr được cập nhật)

là gì mới trong phiên bản v3.10.3:

• model inheritiance mới cho phép bạn dễ dàng mở rộng hoặc thêm các phương pháp tùy chỉnh để các lớp học Kinetic
• New Văn bản hỗ trợ xuống dòng '& # x5c; n'
• phương pháp nhân bản mới mà bắt chước bất kỳ đối tượng Kinetic, bao gồm cả người sử dụng định nghĩa nghe sự kiện của đối tượng
• getIntersections bây giờ có thể được gọi từ bất kỳ Container, bao gồm Nhóm và Layers.
• Thấm cải thiện hiệu suất hoạt hình Sprite bằng cách gắn vào các đối tượng hình ảnh động toàn cầu

Yêu cầu :

• kích hoạt JavaScript về phía khách hàng
• HTML 5 cho phép trình duyệt