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

Canvas là một thuật ngữ chung cho bề mặt bản vẽ được sử dụng với nhiều API đầu ra đồ họa dạng tự do. Sử dụng thẻ này với các thẻ khác cho biết API đồ họa cụ thể đang được sử dụng cùng với ngôn ngữ lập trình và môi trường đích: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js], v.v. Cũng bao gồm một thẻ canvas cụ thể như [android-canvas], [html5-canvas], [tkinter-canvas] nếu thích hợp.

10
Sự khác biệt giữa SVG và HTML5 Canvas là gì?
Sự khác biệt giữa SVG và HTML5 Canvas là gì? Cả hai dường như đều làm như vậy với tôi. Về cơ bản, cả hai đều vẽ tác phẩm nghệ thuật vector bằng cách sử dụng các điểm tọa độ. Tôi đang thiếu gì? Sự khác biệt chính giữa SVG …
92 html  canvas  svg 
6
Cách tô toàn bộ canvas bằng màu cụ thể
Cách tô toàn bộ HTML5 <canvas>bằng một màu. Tôi đã thấy một số giải pháp như này để thay đổi màu nền bằng cách sử dụng CSS nhưng đây không phải là giải pháp tốt vì canvas vẫn trong suốt, điều duy nhất thay đổi là màu của không gian …
10
Tại sao canvas.toDataURL () ném một ngoại lệ bảo mật?
Tôi đã không ngủ đủ giấc hay sao? Mã sau đây var frame=document.getElementById("viewer"); frame.width=100; frame.height=100; var ctx=frame.getContext("2d"); var img=new Image(); img.src="http://www.ansearch.com/images/interface/item/small/image.png" img.onload=function() { // draw image ctx.drawImage(img, 0, 0) // Here's where the error happens: window.open(frame.toDataURL("image/png")); } đang mắc lỗi này: SECURITY_ERR: DOM Exception 18 Không có cách nào mà …
2
Dữ liệu Base64 PNG sang canvas HTML5
Tôi muốn tải một hình ảnh PNG được mã hóa trong Base64 vào phần tử canvas. Tôi có mã này: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> Trong Chrome 8, tôi gặp …
89 html  canvas  png  base64 
13
Thay đổi kích thước canvas Chart.js
Trong ( Android WebView HTML5 canvas error ), tôi đã đăng một câu hỏi liên quan đến việc vẽ biểu đồ bằng thư viện Graph.js. Vấn đề tôi gặp phải bây giờ là nếu tôi gọi hàm để vẽ biểu đồ nhiều lần, canvas sẽ thay đổi kích thước mỗi …
86 html  canvas  chart.js 
9
Nhận màu pixel từ canvas, trên di chuột
Có thể lấy pixel giá trị RGB dưới chuột không? Có một ví dụ đầy đủ về điều này? Đây là những gì tôi có cho đến nay: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove …
6
Html5 canvas drawImage: Cách áp dụng khử răng cưa
Hãy xem ví dụ sau: http://jsfiddle.net/MLGr4/47/ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); img = new Image(); img.onload = function(){ canvas.width = 400; canvas.height = 150; ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 400, 150); } img.src = "http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; Như bạn thấy, hình ảnh không được khử răng cưa …
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.