Hình ảnh Html2Canvas bị cắt bớt

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 14:57:14 25 4

hàm xuấtPdf() {
    nội dung = $("#print");

    var useWidth = content.prop('scrollWidth');
    var useHeight = content.prop('scrollHeight');

    cửa sổ;

    html2canvas((nội dung), { width: useWidth, Height: useHeight}).then(function (canvas) {
        cửa sổ;
        var img = canvas.toDataURL("image/png");
        var doc = jsPDF mới({
            đơn vị:'px', 
            định dạng:'a4'
        });

        cửa sổ;
        doc.addImage(img, 'JPEG', 0, 0);
        doc.save('test.pdf');
    });
}

    window.scrollTo(0,0)

25 4 0

• c# - Canvas.AddLogicalChild, Canvas.AddPhysicalChild, phần bổ sung này vào Canvas khác với Canvas.Children.Add như thế nào?

  Tôi có thể thêm một đứa trẻ bằng hai phương pháp, một là Canvas.AddVisualChild(Visual); Canvas.AddLogicalChild(Visual);

• canvas - Kiểm tra tích hợp Canvas

  Trong vài tuần qua, tôi đã thử nhiều cách tiếp cận khác nhau để cố gắng tìm ra cách tốt nhất để sử dụng BDD với ứng dụng web dựa trên phần tử Canvas HTML5 và sự tương tác của người dùng với nó. Tôi đã sử dụng Jasmine và Cucumber

• canvas - Phá hủy Canvas

  Tôi đang cố gắng hoàn tác/làm lại. Tôi đang sử dụng LoadFromJSON(...) để xây dựng lại Canvas từ trạng thái Canvas mà tôi đã lưu trữ trong một mảng. Về cơ bản, ý tưởng của tôi là phá hủy Canvas hiện có và xây dựng lại Canva

• canvas - Pinch để phóng to Canvas

  Tôi đang cố gắng thiết lập chức năng phóng to/thu nhỏ đơn giản trên Canvas. Tôi đang sử dụng KineticJS để xử lý các sự kiện chạm và vẽ trong Canvas nhưng tôi không thể thu phóng được. KinteicJS có một ví dụ tương tự nhưng chúng luôn ở trung tâm

• canvas - Có thể tạo Canvas trong suốt không

  Tôi đang phát triển một ứng dụng cọ vẽ trong javascript bằng cách sử dụngprocess.js và nó đang sử dụng đối tượng Canvas. Tôi muốn giữ một hình ảnh ở chế độ nền của Canvas. Vẽ một cái gì đó ở phía trước. Khi lưu, tôi chỉ

• canvas - Cài đặt Canvas trên Raspberry Pi

  Xin chào, tôi muốn cài đặt Canvas cho Discord.js Bot. Khi tôi cố gắng cài đặt Canvas bằng npm install canvas, tôi gặp lỗi sau: pi@server:~/Bots/D

• canvas - Cần tô bóng liên tục với mẫu lặp lại trong Canvas

  Tôi đang cố gắng tạo mẫu tô màu bằng cách kết hợp Canvas và Dynamics nhưng tôi gặp khó khăn khi cố gắng tạo một đường liên tục. Jsfiddle này hiển thị những gì tôi có cho đến nay, nhưng vì mẫu lặp lại của tôi là hình vuông và các góc ảnh hưởng đến các đường thẳng nên tôi đã thử sử dụng l

• Cách sử dụng Canvas với emscripten

  Tôi đang phát triển một chương trình webassembly. Tôi có thể đặt kích thước Canvas bằng cách sử dụng emscripten_set_canvas_size (Tôi tiếp tục đọc rằng tôi cần chuyển sang API mới vì API này sẽ không còn giá trị nữa

• android - Canvas - Thêm hình ảnh được tạo trong Canvas đầu tiên vào Canvas thứ hai

  Xin chào, tôi đã tạo biểu mẫu vòng tròn cho hình ảnh đầu tiên trong Canvas đầu tiên nhưng tôi không thành công khi sử dụng dataURL của Canvas đầu tiên và thêm nó vào Canvas thứ hai. Đây là trò chơi của tôi :htt

• Cách đặt và hủy Canvas toàn màn hình trong Dart

  Vấn đề là sự không nhất quán giữa các trình duyệt khác nhau. Dùng Dart Chrome, JS Chrome, JS Opera để chạy click đúp vào và thoát toàn màn hình m_oCanvas.width =(window.screen.widt

• Làm cách nào để áp dụng bộ lọc ma trận cho Canvas?

  Tôi đang phát triển trình chỉnh sửa hình ảnh bằng khung Flutter và Dart, vì vậy tôi không thể áp dụng bộ lọc ma trận cho Canvas. Tôi đang cố gắng áp dụng bộ lọc ma trận bằng lớp "Paint" và hàm "canvas.drawPaint(paint)"

• Webkit canvas drawImage() và canvas có lỗi hệ số tỷ lệ không nguyên? canvas - Webkit canvas drawImage() và lỗi hệ số tỷ lệ không nguyên của canvas?

  Tôi gặp sự cố với phương thức drawImage() của ngữ cảnh Canvas nếu tôi vẽ một hình ảnh trên Canvas đã có hệ số tỷ lệ không nguyên. Có vẻ như những hình ảnh như thế này được cắt bớt một cách kỳ lạ (đôi khi phần ngoài cùng bên phải của hình ảnh bị cắt bớt, đôi khi phần dưới cùng

• canvas - Có giới hạn về chiều rộng của Canvas không?

  Có giới hạn nào đối với giá trị thuộc tính "width" của Canvas không? Trong ví dụ sau, tôi tạo Canvas bên trong ScrolledWindow. # Gói gói yêu cầu BWidget # Ma

• Canvas JavaScript, sao chép thủ công Canvas này sang Canvas khác sẽ tạo ra các mẫu lạ

  Tôi đang cố gắng tạo hiệu ứng văn bản tương tự như hiệu ứng ở cuối bài viết này. Phương pháp được đề xuất của tôi là: Tạo hai Canvas, một hiển thị và một ẩn mà tôi sử dụng làm vùng đệm. Vẽ một số văn bản trên bộ đệm Canvas

• Hiển thị hình ảnh Canvas từ Canvas này sang Canvas khác bằng base64

  Ví dụ: var new = canvas.toDataURL("image/png"); Tôi muốn base64 có trong biến mới này được hiển thị trong phần tử Canvas hiện có thứ hai. Nhưng nó không sử dụng drawimage

• canvas - Nút -o3-canvas so với Node -canvas?

  Có ai có kinh nghiệm sử dụng một hoặc cả hai thư viện Node.js này không? Rất muốn nghe về những thành công hay khó khăn của mọi người. Câu trả lời hay nhất LearnBoost là một trong những nhà phát triển mô-đun Node thành công nhất trong cộng đồng, vì vậy tôi đã chọn sử dụng node-canv

• android — Làm cách nào để biết Canvas là Canvas bình thường hay Canvas webgl

  Làm cách nào để biết Canvas đang chạy "WebGL" hay Canvas thông thường? Qua kiểm tra mã nguồn, tôi thấy cả hai trường hợp đều là Canvas. Câu trả lời hay nhất Nó thực sự phụ thuộc vào cách bạn muốn tìm hiểu. Ví dụ: bạn có thể gọi `getC như thế này

• javascript - Canvas - Tẩy vẽ đường đen trên Canvas sau khi lưu dưới dạng ảnh

  Vẽ trên Canvas thật tuyệt vời. Ngay cả cục tẩy cũng hoạt động tốt. Vấn đề là khi Canvas được lưu dưới dạng ảnh, nó sẽ vẽ một đường màu đen thay vì vết tẩy. Để hiểu rõ hơn tôi đã thêm ảnh chụp màn hình và mã. 1. Khi xóa một bản vẽ - a. gendai

• javascript - Nhấp chuột vào một phần của Canvas, di chuột qua Canvas và di chuột ra khỏi Canvas

  Tôi đang cố gắng đính kèm các sự kiện di chuột và di chuột vào Canvas: Canvas mặc định là Canvas có chức năng drawcircle. Nếu người dùng đi qua Canvas, nó sẽ được đổi thành DrawEllipse's Can

• canvas - Ánh xạ Canvas 2D sang Three.js Canvas

  Tôi đang xây dựng một trò chơi 2D đơn giản bằng Three.js. Tôi chỉ sử dụng vị trí X và Y của thế giới để di chuyển các vật thể, để vị trí z của chúng ở mức 0. Tôi sử dụng TrackballControls với tính năng xoay bị tắt để cho phép nhấp chuột phải một lần