Tag: html5-canvas

Canvas ist ein HTML-element, das ermöglicht die dynamische, skriptfähige rendering von 2D-Formen, 3D Formen, bitmap-Bilder und-Animationen in 2D und 3D.

Fehler requestAnimationFrame im ie9 jede Alternative Lösung

Anzahl der Antworten 1 Antworten
Ich bin erstellen von Canvas (ich bin neu in diesem Canvas-Bereich), Objekt, Zylinder, dieser ist in Ordnung, Chrome & Firefox, aber wenn ich öffnen Sie die gleiche Datei in ie9. Ich bin immer Fehler wie 'requestAnimationFrame' ist

C#, MVC-HTML5, Canvas-Daten

Anzahl der Antworten 1 Antworten
Habe ich einige x-und y-Positionen in einer Datenbank-Tabelle, die Sie gehen, um ein design für ein Fenster. Was ich möchte zu tun ist, ziehen diese auf einen HTML5-canvas in meiner app, aber ich bin mir nicht sicher,

Verhindern Sie Zusammenstoß-oder Schnittpunkt der canvas-Objekte

Anzahl der Antworten 5 Antworten
Ich bin Zeichnung n Rechtecke auf eine Leinwand. Die Rechtecke sind ziehbar und skalierbar. Ich möchte verhindern, dass Sie überlappen oder schneiden. Der beste Fall ist, wenn Sie nur snap auf einander. Ich herausgefunden zu überprüfen, um

Leinwand: Maske ein Bild und speichern Sie Ihre alpha-Kanal?

Anzahl der Antworten 2 Antworten
Hier ist, was ich versuche zu tun: Bild A und Bild B. Bild B ist ein schwarz /weiß Bild mit der Maske. Ersetzen Bild Einen alpha-Kanal mit B Bild der rot-Kanal. Draw image C auf die Leinwand.

canvas.toDataURL nicht im image/jpeg Daten

Anzahl der Antworten 2 Antworten
Ich bin versucht zu retten, html5-canvas-Daten zum server mithilfe der base64 - + phonegap 2.5. Plattformen : windows phone 7 und 8 , Android und IOS. Grundlegende Notwendigkeit für die Skalierung von Bildern zu optimieren, die Daten

Rendern von youtube-videos auf dem canvas-element

Anzahl der Antworten 1 Antworten
wir entwickeln html5 - /javascript-Anwendung, die macht Bilder und videos auf html5-canvas-Elemente. Für die videos, die wir verwenden einen Mechanismus, der funktioniert wie folgt: embedd eine versteckte html5-video-tag auf der Seite mit dem gewünschten video src verwenden

Wie zum hinzufügen eines Titels innerhalb Ringdiagramm in Winkel-Diagramm?

Anzahl der Antworten 3 Antworten
Ich bin mit einem Ringdiagramm in Winkel-Diagramm. Ich möchte einige text in der Mitte des Donut. Ich habe gelesen, diese Frage ist Antworten, aber keiner von Ihnen arbeitet für mich, weil ich die tooltips und aus irgendeinem

Wie man HTML5-Spiele wie Google Doodle Doctor Who?

Anzahl der Antworten 1 Antworten
Suchte ich über die codes auf der ersten Seite der Google-Doodle spielt Arzt, der HTML5-Spiel. Ich Frage mich, was die game-engine (falls erforderlich) gibt es bei Google-team verwenden? Ich sehe das JS ist hier: google.co.uk/logos/2013/drwho/drwho13-3.js Ich habe

fabric.js - toDataURL zeigt leere Seite, wenn es ein Bild ist auf Leinwand

Anzahl der Antworten 2 Antworten
Ich bin mit fabric.js für meine Leinwand-Anwendung, toDataURL Methode funktioniert einwandfrei, außer, wenn es ein Bild auf Leinwand. Wenn ich ein Bild auf eine Leinwand und nennen toDataURL es zeigt mir eine leere Seite. //When i call

konvertieren div einzelnes Bild mit canvas-javascript-css

Anzahl der Antworten 1 Antworten
Ich versuche zu konvertieren, Inhalt div unten, um ein einzelnes Bild herunterladbaren Wie ist das Stück mit der Plane oder anderen code nach der Konvertierung anzeigen Download Image-Taste wie ich es mache CSS: #content{ position: absolute; width:

Aufnehmen eines Bildes von einer webcam

Anzahl der Antworten 2 Antworten
Ich bin versucht, nach dem Zufallsprinzip aufnehmen eines Bildes von einer webcam und speichern Sie Sie dann auf meinem server, im Moment bin ich mit getUserMedia zum streamen von webcam-video-element, dann kann ich das aufzeichnen eines Bildes

Zeichnen Sie ein Teil von einem Bild im html5-canvas

Anzahl der Antworten 2 Antworten
Ich versuche zu zeichnen, die ersten Grünen tank in meine Leinwand aber ich glaube, ich bin etwas fehlt in meinem code jsfiddle: draw: function () { tankImg.onload = function () { ctx.drawImage(tankImg, this.Pos * this.w, 0, this.w,

DropZoneJS + JavascriptLoadImage: Bild drehen?

Anzahl der Antworten 4 Antworten
Ich versuche zu kombinieren DropZoneJS (gefunden hier) und JavascriptLoadImage (gefunden hier) eine Lösung zu schaffen, wo ein Benutzer kann mit drag-drop eine Datei hochladen, und auf der Grundlage der EXIF-Metadaten-Informationen in das Bild, wird es drehen Sie

Gewusst wie: hinzufügen <canvas> Unterstützung für meine Prüfungen im Scherz?

Anzahl der Antworten 6 Antworten
In meinem Scherz unit-test-ich bin rendering-Komponente mit ColorPicker. Die ColorPicker - Komponente erstellt ein canvas-Objekt und 2d-Kontext aber zurück 'undefined' die wirft einen Fehler "Cannot set property 'fillStyle' of undefined" if (typeof document == 'undefined') return null;

HTML5-canvas-panorama-Effekt

Anzahl der Antworten 2 Antworten
Möchte ich ein panorama-viewer in HTML5, ich habe es geschafft, Bilder in meine Leinwand, so dass diese form der 360-Grad-Bild und verwendet ein jQuery-plugin, um den Effekt zu Blättern seitlich. Nun zu meinem "problem", ich will es

HTML5-canvas, speichern Sie jpeg-blob und wiederherstellen auf Leinwand von blob

Anzahl der Antworten 2 Antworten
Habe ich eine Leinwand #mycanvas welche ein Bild enthält. Ich möchte ein blob aus, dass Bild, vorzugsweise als jpeg. Hier ist, wie erstelle ich den blob document.getElementById('mycanvas').toDataURL("image/jpeg").replace(/^data:image\/(png|jpeg);base64,/, "") Wie reproduziere ich das Bild von diesem blob, und

Wie zu zeichnen eine gestrichelte Linie, Rechteck im canvas-Bereich?

Anzahl der Antworten 3 Antworten
Ich bin beauftragt, zu tun, beschneiden im canvas-Bereich, und ich bin fertig mit der Logik, sondern eine Anforderung ist noch nicht fertig ich.e eine gestrichelte Rechteck, während Sie zuschneiden Bereich wie: strokeRect(x, y, width, height) Wie kann

Ist es möglich, zu zeichnen, die auf mehrere Leinwände auf einmal?

Anzahl der Antworten 6 Antworten
Alle meine Leinwand zeichnen-Funktionen starten, so etwas wie dieses: function drawMe(){ var canvas = document.getElementById('canvas-id'); var ctx = null; ctx = canvas.getContext('2d'); ... } Allerdings will ich jetzt ziehen Sie das gleiche Bild auf eine (variable) Anzahl

Fülle ein polygon auf Leinwand

Anzahl der Antworten 2 Antworten
Wie kann ich füllen Sie den Pfad habe ich in rot gezeichnet? http://jsfiddle.net/MVXZu/1/ Ich habe versucht, zu verwenden, zu füllen, aber es füllt nicht mein Weg wie ich es will - das ist zu füllen, die rote

Drag-and-Drop auf HTML5-Canvas

Anzahl der Antworten 1 Antworten
Ich bin ziehen Sie ein html-element und fiel auf die Leinwand, nahm den Ort, wo veröffentlicht und graphisch das Objekt an derselben Position auf Leinwand. Zeigt aber an der anderen Stelle. Siehe meine code. Skript function init()

Android Native Browser duplizieren von HTML5-canvas fine in Chrom)

Anzahl der Antworten 4 Antworten
Dies ist eine seltsame Problem, dass ich nur erleben, auf eine Native browser auf dem Samsung Galaxy Tab 2 und Galaxy S2 im browser. Diese wurde auch getestet, auf android phones und tablets wie das Nexus 7

HTML5-Framework/Bibliothek für Drag-und-Drop auf Leinwand

Anzahl der Antworten 5 Antworten
Ich bin auf der Suche nach einem framework/library, die es mir ermöglicht, mehrere Aufgaben auf einem HTML5-Canvas. Was ich brauchen, sind Mechanismen für den Zugriff auf Objekte nach dem zeichnen, so dass Sie geändert werden können, und

HTML5-Canvas-Motion-Blur-Effekt?

Anzahl der Antworten 2 Antworten
Ich versuche, das HTML5 canvas-Element, so etwas wie ein motion blur-Effekt und auch kein Erfolg. Im Grunde, was ich versuche zu tun ist, nehmen Sie ein Foto und lassen es so Aussehen, wie "schnell weitergeleitet", wie wenn

Wie erstellen Sie eine Zeile mit den Grenzen in HTML5-canvas-richtig

Anzahl der Antworten 1 Antworten
Möchte ich einen Pfad zeichnen von Linien mit den Grenzen in html zu Rendern, die Straßen in einer Karte, aber ich konnte nicht finden keine standard-Weg, dies zu tun, so dass ich mit Mitteln zum zeichnen von

html-drehen Sie die gesamte Leinwand um 90 Grad

Anzahl der Antworten 4 Antworten
Habe ich ein Bild gezeichnet, um eine html-cavas. Ich möchte in der Lage sein, um das Bild zu drehen um 90 Grad, aber ich kann nicht scheinen zu finden ein Beispiel, wie drehen der gesamten Leinwand Bild,

Zusammenführen Mehrerer Leinwände und Download als Bild

Anzahl der Antworten 1 Antworten
Ich versuche, zum Zusammenführen von zwei HTML-Leinwände in einer einzigen Leinwand und dann download, wie ein Bild. Mein code ist wie folgt: function downloadCanvas() { var bottleCanvas = document.getElementById('bottleCanvas'); var designCanvas = document.getElementById('editorCanvas'); var bottleContext = bottleCanvas.getContext('2d');

dataurl auf Bild für download in php

Anzahl der Antworten 2 Antworten
Bin ich mit der Erstellung von Bild - Leinwand und mit dem folgenden Skript, function getImage() { var canvas1 = document.getElementById("images"); if (canvas1.getContext) { var ctx = canvas1.getContext("2d"); var myImage = canvas1.toDataURL("image/jpg"); } $('<form action="download.php" method="POST">' +

Stoff js drehen Sie ein Bild, nachdem es geladen wurde mit Stoff.Bild.fromURL

Anzahl der Antworten 1 Antworten
Habe ich ein Bild geladen mit Stoffen Stoff.Bild.fromURL fabric.Image.fromURL($scope.image, function(oImg) { oImg.set({width: $scope.imageWidth, height: $scope.imageHeight, originX: 'left', originY: 'top', selectable: false}); canvas.add(oImg); canvas.centerObject(oImg); canvas.renderAll(); oImg.sendToBack(); }); Was ich jetzt machen möchte ist, ich habe ein rotation-Taste auf

Verhindern, dass Gewebe-js-Objekte von der Skalierung aus dem canvas-Grenze

Anzahl der Antworten 4 Antworten
Ich habe versucht, halten Sie ein Objekt (errichtet im Gewebe-js über eine Leinwand) innerhalb der Grenzen, die in allen Zeiten. Es wurde erreicht, die beim verschieben und drehen. Ich nahm die Hilfe von Bewegen Objekt im canvas-Grenze

Zeichnen Sie eine gekrümmte Linie auf einer Webseite als Nutzer scrollt

Anzahl der Antworten 1 Antworten
Ich Frage mich, ob es möglich ist, dynamisch zeichnen Sie eine gekrümmte Linie auf einer website wie der Benutzer scrollt. Ich bin mir ziemlich sicher, dass es getan werden könnte, mithilfe von HTML5-Canvas-Element mit der bezierCurveTo ()

So wählen Sie einen polygonalen Bereich eines Bildes mit JavaScript / jQuery?

Anzahl der Antworten 2 Antworten
Ich würde gerne in der Lage sein zu lassen, meine Benutzer wählen Sie einen bestimmten Polygon (6-8 Knoten mit geschwungenen Linien zwischen den Punkten) Bereich in einem Bild, das Sie hochladen - wie mache ich das mit

Stoff JS: Set X-Y-Koordinaten in Canvas-Bild | Set Position in Leinwand Bild

Anzahl der Antworten 1 Antworten
Wie set X -, Y-Koordinaten in canvas-Bild? context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); e.g: sx und sy im HTML-canvas drawImage () - Methode. Was ist ähnlich wie dies in fabric.js? Wie legen Sie position im Bild in Leinwand, Stoff js? InformationsquelleAutor Kavan

Maßstab Leinwand Hintergrundbild dynamisch, mit fabric.js

Anzahl der Antworten 1 Antworten
Hier bin ich versucht zu skalieren Leinwand Hintergrundbild dynamisch.Klicken Sie auf .set_bg_images ich bin einrichten die Leinwand Hintergrundbild dynamisch seine Arbeit gut, und ich habe Hinzugefügt-Taste change_scale auf klicken Sie auf diese Schaltfläche, bin ich versucht zu

Erstellen Sie die Leinwand mit Hilfe von jquery dynamisch (on-the-fly im Speicher)

Anzahl der Antworten 1 Antworten
Habe ich ähnliche Fragen in Bezug auf die dynamische Leinwand-Erstellung (Eins, Zwei), aber Sie angenommen, die Leinwand ist schon in der DOM. Aber was ist, wenn ich will erstellen und zeichnen von canvas-on-the-fly (in anderen Worten keine

Wie print-canvas-Inhalte mit javascript

Anzahl der Antworten 2 Antworten
Ich bin mit canvas für das schreiben Zweck mit jsp-Seite. Ich bin in der Lage zu schreiben, jede Nachricht auf Leinwand, (Leinwand Nachricht, die ich erstellt habe..) aber danach, wenn ich drucken möchte, diese Leinwand-Nachricht mit javascript

HTML5-Canvas-touch-event-offset auf dem Ipad oder mobile safari-browser

Anzahl der Antworten 3 Antworten
Ich habe ein problem ich habe nicht in der Lage, um Google meinen Weg und dies ist mein Erster Beitrag auf stackoverlow. Ich habe zwei canvas-Elemente gestapelt auf der jeweils anderen Seite zu schaffen, eine Lotterie geben

Client-oder server-Seite-HTML5-canvas-rendering, für eine node.js whiteboard-Anwendung?

Anzahl der Antworten 3 Antworten
Dachte ich ein wenig whiteboard-web-app-das wäre ein schöner Weg, um zu verbessern meine node.js und JavaScript-Fähigkeiten. Ich habe ein paar gesehen auf der web, was sinnvoll ist, wie es scheint ideal für diese Art von Stapel. Nur

True Isometrische Projektion mit HTML5-Canvas

Anzahl der Antworten 2 Antworten
Ich bin ein Neuling mit dem HTML5-Canvas und JavaScript, aber gibt es eine einfache Möglichkeit zu haben, Isometrische Projektion in HTML5-Canvas-element? Ich meine die wahre isometrische Projektion - http://en.wikipedia.org/wiki/Isometric_projection Dank für alle Antworten ist. InformationsquelleAutor gma |

Open-source-HTML5-JS-Bibliothek für flowchats

Anzahl der Antworten 1 Antworten
Ich bin Planung zu schreiben, eine Anwendung, die mir erlauben, Flussdiagramme zeichnen wie Zeichnungen erstrecken sich dabei über mehrere dynamische Rechtecke (Knoten) mit N Ebene der Tiefe. Offensichtlich dachte, ist die Verwendung eines flowchat Bibliothek zu erreichen

Uncaught TypeError: Cannot set property of undefined

Anzahl der Antworten 2 Antworten
Google Chrome werfen "Uncaught TypeError: Cannot set property 'isDown' of undefined" aber es sieht nicht wie alles, was ist Los mit meinem code! Wichtiger Teil meines variable array: KEY = { UP: 38, DOWN: 40, W: 87,

Motion jpeg-Dateien in html5-canvas

Anzahl der Antworten 2 Antworten
Ich versuche zu wickeln, motion jpeg (mjpeg) stream (webcam) in html5 canvas. Ich weiß, Safari und Chrome haben native Unterstützung für mjpeg, so dass ich es in img machen, damit es funktioniert. Der Grund, warum ich wollen,

Chart.js: chart nicht angezeigt

Anzahl der Antworten 3 Antworten
Ich verwenden möchte, Chart.js zu erstellen beeindruckende Diagramme in einer Webseite. Folgenden die Dokumentation, schrieb ich den code wie folgt: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <title>Chart.js demo</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js" type="text/javascript"></script> </head> <body> <script> var pieData

Wie zum hochladen von einem Bild auf eine Leinwand, mit Fabric.js?

Anzahl der Antworten 3 Antworten
Ich will, dass, um einen Prozess zu erstellen, wo der Benutzer kann seine Bilder hochladen und dann Bearbeiten Sie diese in den browser ein Canvas mit Fabric.js mit einigen Tasten, welche verwendet Fabric.js fügen Sie einige Effekte.

Google maps innerhalb von canvas-Objekt

Anzahl der Antworten 2 Antworten
ist es möglich, google maps in einem canvas-Objekt? Also, wenn ich zeichne, sagen wir ein Dreieck, die Karte würde nur zeigen, bis in seinem inneren. InformationsquelleAutor Lukas Oppermann | 2011-08-09

Pdf-Datei Größe zu groß erstellt mit jspdf

Anzahl der Antworten 4 Antworten
Ich bin mit jspdf für die Erstellung von PDF innerhalb des Browsers. Ich habe mehrere Diagramme mit svg als Grafik-Daten. Für das hinzufügen von Daten zu pdf ich bin die Konvertierung von svg zu png mit Leinwand

Erstellung von Bild aus Array in javascript und Html5

Anzahl der Antworten 3 Antworten
Hier ist mein code. Ich erstellte Bilddaten 2D-array in javascript. Nachdem ich alle Pixel in diesem array möchte ich image erstellen und diese Werte in das Bild. var imageData = new Array(width); var image = new Image;

Reset Leinwand und laden mit JSON in Fabric.js

Anzahl der Antworten 1 Antworten
Ich bin etwas zu bauen wie die kitchensink Beispiel, außer, dass ich in der Lage sein müssen, mehrere Ansichten. http://fabricjs.com/kitchensink Visitenkarte: Vorder-und Rückseite Beim Bearbeiten Speichere ich die JSON-periodisch. Wenn Sie möchten, Bearbeiten Sie die zurück, ohne

Erstellen Sie eine Schaltfläche auf einem HTML5 canvas mit JavaScript

Anzahl der Antworten 1 Antworten
Ich versuche zu schreiben, ein einfaches Spiel zu lehren Sie einige grundlegende Welsh mit dem HTML5-canvas und JavaScript. Ich habe derzeit eine web-Seite, das zeigt eine Leinwand, und auf der Leinwand, die 'start-Taste' gezeichnet wurde, die der

Nicht getContext Leinwand

Anzahl der Antworten 3 Antworten
Ich bin mit einem problem konfrontiert, wenn ich möchte den Rahmen einer Leinwand. Hier ist der HTML-code: <canvas id="thecanvas" width="600" height="300"></canvas> und die Javascript: var canvaso = document.getElementById('thecanvas'); if (!canvaso) { alert('Error: Cannot find the canvas element!');

Zeichnen Sie ein Bild mit WebGL

Anzahl der Antworten 2 Antworten
Könnte bitte jemand erklären, wie das zeichnen eines Bildes auf einem WebGL-canvas? In dem moment, in regelmäßigen '2d' Leinwand, ich bin mit diesem: var canvas = document.getElementById("canvas"); var cxt = canvas.getContext('2d'); img.onload = function() { cxt.drawImage(img, 0,