Câu hỏi được gắn thẻ «html5-canvas»

Sau khi thử nghiệm các thao tác tổng hợp và vẽ hình ảnh trên khung vẽ, bây giờ tôi đang cố gắng xóa hình ảnh và kết hợp. Làm thế nào để tôi làm điều này? Tôi cần phải xóa khung vẽ để vẽ lại các hình ảnh khác; việc …

1012 javascript  html  canvas  html5-canvas  composite 

Cách tiếp cận tốt nhất để tạo ra các yếu tố một cách nhanh chóng và có thể di chuyển chúng xung quanh là gì? Ví dụ: giả sử tôi muốn tạo một hình chữ nhật, hình tròn và đa giác rồi chọn các đối tượng đó và di chuyển …

476 javascript  html  svg  html5-canvas 

Làm cách nào tôi có thể tự động chia tỷ lệ thành <canvas>phần HTML5 để phù hợp với trang? Ví dụ: tôi có thể lấy <div>tỷ lệ bằng cách đặt các thuộc tính heightvà width100%, nhưng <canvas>tỷ lệ sẽ không?

400 javascript  html  html5-canvas 

Tôi đang làm việc trong một dự án nghệ thuật tổng quát nơi tôi muốn cho phép người dùng lưu hình ảnh thu được từ một thuật toán. Ý tưởng chung là: Tạo hình ảnh trên Canvas HTML5 bằng thuật toán tổng quát Khi hình ảnh hoàn thành, cho phép …

261 javascript  php  ajax  html5-canvas 

Tôi muốn có một trang web có một từ trung tâm. Tôi muốn từ này được vẽ bằng một hình ảnh động, sao cho trang "viết" từ đó giống như cách chúng ta sẽ làm, tức là nó bắt đầu tại một điểm và vẽ các đường và đường cong …

229 javascript  css  canvas  html5-canvas  css-shapes 

Tôi đang sử dụng công cụ JavaScript "Canvas2Image" của Nihilogic để chuyển đổi các bản vẽ canvas thành hình ảnh PNG. Điều tôi cần bây giờ là biến những chuỗi cơ sở64 mà công cụ này tạo ra, thành các tệp PNG thực trên máy chủ, sử dụng PHP. Nói …

212 php  javascript  base64  html5-canvas 

Tôi muốn lưu canvas của tôi vào một img. Tôi có chức năng này: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display = "inline"; } Nó cho tôi lỗi: Uncaught SecurityError: Không thể thực thi 'toDataURL' trên 'HTMLCanvasEuity': Canvas canvas bị nhiễm độc …

185 javascript  html5-canvas 

Ảnh máy ảnh kỹ thuật số thường được lưu dưới dạng JPEG với thẻ "định hướng" EXIF. Để hiển thị chính xác, hình ảnh cần phải được xoay / nhân đôi tùy theo hướng được đặt, nhưng trình duyệt bỏ qua thông tin này hiển thị hình ảnh. Ngay cả …

154 javascript  rotation  html5-canvas  exif 

Tôi sử dụng các yếu tố canvas html5 để thay đổi kích thước hình ảnh trong trình duyệt của tôi. Hóa ra chất lượng rất thấp. Tôi đã tìm thấy điều này: Vô hiệu hóa Nội suy khi Thu nhỏ <canvas> nhưng nó không giúp tăng chất lượng. Dưới đây …

149 javascript  css  html  canvas  html5-canvas 

Đối với một ứng dụng vẽ, tôi đang lưu tọa độ di chuyển chuột vào một mảng rồi vẽ chúng bằng lineTo. Dòng kết quả không được trơn tru. Làm cách nào tôi có thể tạo một đường cong duy nhất giữa tất cả các điểm đã thu thập? Tôi …

133 javascript  canvas  html5-canvas  bezier  spline 

Mã của tôi đang hoạt động rất tốt trên localhost của tôi nhưng nó không hoạt động trên trang web. Tôi đã gặp lỗi này từ bảng điều khiển, cho dòng này .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. một …

131 javascript  html  html5-canvas 

Tôi muốn xoay ảnh dựa trên góc quay ban đầu của chúng, như được đặt bởi máy ảnh trong dữ liệu hình ảnh JPEG EXIF. Mẹo ở đây là tất cả những điều này sẽ xảy ra trong trình duyệt, sử dụng JavaScript và <canvas>. Làm cách nào JavaScript có …

125 javascript  jpeg  exif  html5-canvas 

Tôi đã cố gắng thay đổi những gì có vẻ là màu nền mặc định của canvas của tôi từ đen sang trong suốt / bất kỳ màu nào khác - nhưng không may mắn. HTML của tôi: <canvas id="canvasColor"> CSS của tôi: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; …

122 css  html  canvas  html5-canvas  three.js 

Có lý do nào, ngoại trừ hiệu suất, để sử dụng WebGL thay vì 2D-Canvas cho trò chơi / ứng dụng 2D không? Nói cách khác, WebGL cung cấp những chức năng 2D nào mà không thể dễ dàng đạt được với 2D-Canvas?

112 html  html5-canvas  webgl 

Tôi đang cố gắng chồng hai canvas lại với nhau và biến nó thành canvas hai lớp. Tôi đã thấy một ví dụ ở đây: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; …

103 css  html5-canvas