Tag: canvas
Canvas ist ein generisches element für frei-form-Grafik-Ausgabe.
Erfassen Sie ein div-Element und als jpeg speichern
2 Antworten
#cap ist ein div-ich will zu erfassen. Ich verwendet ctx.drawImage($('#cap').get(0),0,0,640,480);window.open(canvas.getDataURL('image/jpeg')); bekam eine Type error und wie kann ich senden Sie es an php zu speichern als a.jpeg UPDATE http://jsfiddle.net/3qNJB/ funktioniert nicht Hilfe html2canvas is not a function
Wie schneiden Sie ein Bild mit Leinwand und Kinetic.js
3 Antworten
meiner Funktion zeichnen Sie ein Bild, und ein anderes Bild auf eine andere Ebene mit Kinetic.js aber ich will Ernte im zweiten Bild mit dem Namen smsTopBg_image window.onload = function() { //INITIALISATION var stage = new Kinetic.Stage({
Wie füge ich ein weiteres Matrix-Regen-code-animation auf meiner Leinwand animation?
2 Antworten
Ich versuche zu simulieren, die das Matrix-code-Regen mit dem canvas-element und javascript. Ich bin in der Lage, um ein element Tropfen in einer Zeit, aber nicht mehrere. Wie kann ich die drop-mehrere matrix-Regen-Tropfen. Hier ist mein code:
Wie die Umsetzung Leinwand schwenken mit Fabric.js
4 Antworten
Habe ich eine Fabric.js canvas und ich will zur Umsetzung der full-canvas-panning-software-Pakete in der Regel mit einem "hand" - tool. Es ist, wenn Sie drücken Sie eine der Maustasten, dann bewegen sich über die Leinwand, während Sie
HTML5-canvas-panorama-Effekt
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
Probleme Aktivieren CORS auf S3
2 Antworten
Habe ich eingerichtet, CORS auf einem S3-bucket etwa so: <?xml version="1.0" encoding="UTF-8"?> <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> <CORSRule> <AllowedOrigin>*</AllowedOrigin> <AllowedMethod>GET</AllowedMethod> </CORSRule> </CORSConfiguration> Hier ein screenshot der AWS-Konsole: https://dzwonsemrish7.cloudfront.net/items/341y0o1n1X2a0O1X2s38/Screen%20Shot%202012-10-09%20at%209.59.44%20PM.png?v=2478ad83 Wenn ich meinen Farbe-Dieb javascript-ein Bild, das auf derselben domain gehostet, alles
CSS opacity Leistung. Bild verblassen
5 Antworten
Ich versuche, die fade-in-out mein Bild für meine Foto-Galerie wechseln. Alle es fertig ist in JavaScript, das ändert einfach die Deckkraft CSS-Wert des image-element. Das ist wirklich laggy ist (langsam) auf einigen Rechnern - zum Beispiel mein
Können Sie mehrere clipping-Regionen in einem HTML-Canvas?
1 Antworten
Habe ich code, lädt ein paar Bilder in hidden die img-Elemente und dann eine Javascript-Schleife, die Orte, die jedes Bild auf die Leinwand. Jedoch will ich den clip jedes Bild so, dass es ist ein Kreis, wenn
JavaScript game-framework
6 Antworten
Heute mit <canvas> es ist leicht zu finden alle Arten von Coole Sachen rund um das Internet. Wie Emulatoren, demos, Spiele, nur visual Sachen, etc. Aber es scheint, dass jeder Programmieren mit der basic-primitive Leinwand. Gibt es
Welche Skriptsprachen können verwendet werden, mit dem HTML5-canvas-element?
2 Antworten
Welche Skriptsprachen können verwendet werden, mit dem HTML5-canvas-element? Diese Frage kann wirklich nach unten kommen, um "was-scripting-Sprachen sind Häufig unterstützt von den Browsern?" Fast alle HTML5-canvas-Beispiele/tutorials, die JavaScript verwenden. Einige verwenden nicht die Verarbeitung, sondern auch diejenigen
Animierende Farbe mit Tweenjs
5 Antworten
Ich habe vor kurzem wechselte zu EaselJs und möchte animieren, um die Farbe eines Kreises. Den code habe ich so weit ist: var shape = new createjs.Shape(); shape.graphics.beginFill(createjs.Graphics.getRGB(255, 0, 0)); shape.graphics.drawCircle(0, 0, 10); stage.addChild(shape); var tween =
Wie positioniere ich meine Bitmap auf den canvas-Bereich mithilfe einer Matrix?
1 Antworten
Ich bin Implementierung eines kneifen und ziehen die Sache, und ich bin verwirrt, wie man das Bild, das ich beeinflussen, um zu bewegen, um es gezogen, um die Lage (die Skalierung arbeitet). So, in der Vergangenheit würde
Fading ein geladenes Bild in die Leinwand mit der Methode drawImage
2 Antworten
In dieser Frage über überblenden von Bildern gab bereits eine Antwort auf das crossfading Lösung in Leinwand. Ich bin versucht, das gleiche zu tun, nur mit dem Unterschied, dass ich versucht bin, zu verblassen-Bilder werden geladen runtime.
Wie verbinden ein Ereignis mit nur einem Objekt? jqplot
1 Antworten
Im mit jqplot zu ziehen, einige Diagramme. Es ist ein großartiges Werkzeug, aber es fehlt ein einfaches clickhandler option für jedes Diagramm. Seine plugins wie highlighter, ziehbar und cursor-registrieren Sie Ihr Interesse an der Aufnahme klicken Sie
Ist es möglich, zu zeichnen, die auf mehrere Leinwände auf einmal?
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
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
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()
Wie zeichne einen Kreis mit partitionierten in android?
3 Antworten
Will ich ziehen diese Art von Kreis in meiner Anwendung. Ich bin in der Lage, einen Kreis zeichnen mit Canvas, aber ich kann nicht erhalten eine Idee über, wie man partitioniert? Kann mir jemand empfehlen, wie kann
Animieren progressiv gezeichnete, gestrichelte Linie HTML5 Canvas & Jquery
1 Antworten
wie kann ich ändern, den folgenden code so, dass die Linie gezeichnet ist, gestrichelt, Sie können sehen, Sie in Aktion in der jfiddle zur Verfügung gestellt. <html> <style> #canvas { border-style:solid; border-width:1px; } </style> <div id="canvas"> <p>Hover
Wie zum Rendern der Glyphen von FontAwesome auf ein Canvas-element
1 Antworten
FontAwesome gibt Glyphen in seine CSS-Datei, etwa so: /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; }
HTML5-Canvas-fillText mit Rechts-nach-Links-string
4 Antworten
Ich bin versucht, die fillText () - Methode auf ein HTML5-Canvas-2d-Kontext zeichne einen string auf Arabisch geschrieben. Es funktioniert perfekt, bis ich ein Satzzeichen an das Ende der Zeichenfolge. Dann das Satzzeichen scheint auf der falschen Seite
Benutzerdefinierter cursor funktioniert nicht korrekt in Chrome
4 Antworten
Ich bin mit Mühe chrome auf meine benutzerdefinierte cursor korrekt, aber es scheint zu funktionieren in FireFox. Geben ein wenig Kontext, als Teil von meinem Versuch bekommen Sie bis zu Geschwindigkeit, mit HMLT5/Javascript ich bin der Zusammenstellung
VerticalAlignment="Stretch" für Aufkleber im canvas-Bereich funktioniert nicht
4 Antworten
Wie zu verwenden VerticalAlignment="Stretch" mit einem Label innerhalb einer Canvas? Ich versuche die Mitte der text "Abbrechen" - button, wie im code unten. Verwenden Feste Höhe und Breite für das label ist das nicht die gewünschte option.
Bild zuschneiden, nachdem Sie drehen durch Leinwand
3 Antworten
Ich habe ein html5-canvas. Ich will zeichnen/drehen Sie das Bild in die Leinwand und die Bildgröße ändert sich nicht.Ich Breite/Höhe des canvas Basis auf Größe des Bildes.Ich habe ein problem, um ein Bild zu drehen.َ Nach Bild
Verschiedene Linienbreiten mit Leinwand.create_line?
2 Antworten
Hat jemand eine Idee, warum ich, um die verschiedenen Linienbreiten auf der Leinwand in dem folgenden Beispiel? from Tkinter import * bigBoxSize = 150 class cFrame(Frame): def __init__(self, master, cwidth=450, cheight=450): Frame.__init__(self, master, relief=RAISED, height=550, width=600, bg
HTML5-Canvas-Motion-Blur-Effekt?
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
Leinwand zu zeichnen polygon über mapview in Android
1 Antworten
Brauche ich zum zeichnen eines Polygons aus mehreren Punkten (ich habe Ihren Breitengrad, Längengrad). Ich bin stützen meine Umsetzung aus diesen zwei Antworten: Zeichnung ein leeres polygon gegeben sei eine Menge von Punkten auf einer Karte Overylay
Wie erstellen Sie eine Zeile mit den Grenzen in HTML5-canvas-richtig
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-5-canvas getImageData aus ein extern geladenes Bild
1 Antworten
Ich weiß, es ist nicht möglich, es sofort aus Sicherheitsgründen. Allerdings habe ich gehört, gibt es einige Bild-hosting-websites, die Ihre Bilder in einer ähnlichen Art und Weise (Google Picasa?). Ich könnte alles falsch, aber ich würde gerne
Kann ich tun durch Zeichen text-Farbe, die in HTML5 Canvas?
3 Antworten
In HTML-Leinwand kann ich die Farbe einer Linie von text mithilfe von ctx.fillStyle = 'red', das ist toll. Was ich versuche zu tun, ist in der Lage, um die Farbe per Brief, mit nur zeichnen Sie das
Canvas-Objekt verschieben im Kreis
1 Antworten
Habe ich ein Rechteck im canvas-Bereich, und ich weiß, wie ich bewegen Sie Sie nach oben und seitwärts. Was will ich zu tun haben, ist es bewegen in einer kreisförmigen Bewegung. So meine Objekte(Rechteck) x und y
Zusammenführen Mehrerer Leinwände und Download als Bild
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');
Javascript-Canvas-Flowcharting-Projekt?
2 Antworten
Ich bin auf der Suche nach einem Javascript-Projekt die Verwendung von canvas ermöglicht die Erstellung von Diagramme/flowcharts im browser. Gibt es aktive Projekte wie das Leben? Meinst du den Bibliotheks-code oder eine javascript-Anwendung (ala gliffy)? Suche für
Nicht Lesen-Eigenschaft toDataURL undefined
1 Antworten
Mittels createElement auf Leinwand, wie eine temporäre Platzierung, um Formen zu zeichnen und auf einen Fehler stoßen. Funktioniert der Leinwand sichtbar sein, bevor Sie konvertieren, um Bild-oder was ist die Lösung zu erstellen, die Leinwand und glätten
Mit SKIA-Bibliothek anstelle von Android Leinwand
2 Antworten
Zwar recherchiere ich über die 2D-rendering-pipeline von android, Ich kam zu wissen, eine Grafik-Bibliothek SKIA in C++ geschrieben. Aber ich bin nicht sicher, es kann verwendet werden, anstelle von android Leinwand. Kann es verwendet werden, als Ersatz
Verstehen iPhone-Auflösung
1 Antworten
Ich bin mit phonegap exportieren eine sehr einfache html5-Seite mit einer iphone-app und läuft in diese dumme Frage. iPhone Auflösung ist 960 x 640. Wenn ich die Leinwand aus diesen Dimensionen scheint es viel zu groß. <canvas
HTML5-CANVAS: Wie speichern und erneut öffnen, Bild vom server
2 Antworten
Ich etwas zeichnen mit html5-canvas. dann will ich es speichern, und wenn die Seite wieder geladen, ich will das Bild laden, die ich gerettet zurück auf die Leinwand. Erfolg habe ich mit dem speichern der Daten in
Delphi-Drucker.Canvas.TextWidth-Eigenschaft
3 Antworten
Ich versuche die Breite der Spalte für den Druck mit meiner Delphi-Anwendung. Was auch immer ich geben Sie für die Zeichenfolge nicht um die Breite weniger. Eigentlich verstehe ich nicht, warum die Eigenschaft gibt einen string zurück,
Fabric.js der rechten Maustaste
5 Antworten
Gibt es eine Möglichkeit zu erhalten, klicken Sie rechts Maus-Ereignisse auf einem Fabric.js Leinwand? Der folgende code funktioniert nur mit der linken Maustaste: canvas.observe('mouse:down', function(){console.log('mouse down')); Just watch für das click-Ereignis auf die Leinwand (nicht über Stoff,
Umfärben einer Form, die auf mouseover mit KineticJS
1 Antworten
Ich habe eine Leinwand, die halten eine mäßig große Menge von Formen (50-500). Ist es mir gelungen in der Zeichnung die Umrisse der Form möchte ich mit diesen tools: function DrawPolygon(diagramLayer, polygon) { var diagramImage = new
Verfälschte bitmap nur in der vertikalen Richtung
3 Antworten
Ich möchte skew (korrigieren Sie mich, wenn dies nicht das richtige Wort) eine bitmap, so dass es scheint, haben Tiefe. Ein guter Weg, um zu visualisieren, was ich Frage, ist, wie die credits von Star Wars sind
Speichern Sie das Bild, hergestellt durch den Benutzer in fingerPaint-api-demos in android
3 Antworten
Hey Leute Ich bin versucht, bauen eine Signatur-task Anwendung . In dem der Benutzer die Signatur erstellt, die auf Berührung und das bitmap sollte im Telefon gespeichert. Erstellt habe ich 2-Klasse-Dateien mit der benutzerdefinierten Ansicht die gleiche
Javascript - Canvas - überlagerung ein transparentes png, auf einem previousley gefüllt Farbe
1 Antworten
Wenn ich zeichnen Sie ein Rechteck auf die Leinwand, füllen Sie es mit einer Farbe. Ist es möglich, füllen Sie es wieder mit einer transparenten png-Datei, so dass ich noch sehen kann, die original Farbe im hintergrund?
Wie der Zugriff auf canvas-Kontext Reagieren
5 Antworten
Machte ich einen Farbauswahl mit Reagieren und Leinwand. Derzeit werden die Komponenten dargestellt, die Reagieren, und die Leinwand ist fertig mit vanilla javascript. Ich möchte zwei Maschen mehr, also möchte ich das click-Ereignis behandelt werden und Reagieren.
Zeichnen Sie high-res Animationen mit hohen frame-rate auf Android
4 Antworten
Habe ich 30+ Einzel-bitmaps (320 x 240 Pixel), ich möchte Anzeige einer nach dem anderen im Vollbild auf Android-Geräte, was eine animation. Derzeit implementiert habe ich die animation mit einer Bildansicht und einen Zeitgeber, setzt die im
So reinigen Sie eine bitmap?
2 Antworten
Ich erstelle eine neue leere, transparente Bitmap und machen einige änderungen. Ist es ein Weg, um aufzuräumen, diese (transparent machen und wieder leer) ohne neue Instanz von Bitmap? UPDATE: Vielen Dank für Ihre Hilfe. Ich habe die
Jede software wie blend für HTML5 canvas-animation?
3 Antworten
Gibt es eine software verfügbar, wie Mischung, für die Arbeit mit HTML5. Vor allem, zu tun, animation Verwandte Stoffe. Adobe Edge scheint zu tun, was Sie wollen, Hoffentlich bald: youtube.com/watch?v=8FnNtX73v8k InformationsquelleAutor Prince Ashitaka | 2010-09-23
Wie kann die position zu verändern auf Leinwand in WPF?
1 Antworten
Wie kann change runtime position auf Leinwand, die dynamisch Hinzugefügt habe ich-Steuerelemente (labels, Linien). Kann ich zoom-Leinwand mit alle Steuerelemente, aber ich kann mich nicht bewegen in einer anderen position mit MouseMove, MouseUp, MouseDown. <Canvas Name="canvas" Width="1000"
Leinwand zum maskieren einer anderen Leinwand in C#/WPF
2 Antworten
Ich Lerne einige WPF/C# also diese Frage mag albern sein, für einige von Euch, aber ich kann nicht finden, die Lösung. Habe ich eine Leinwand (sagen wir, es countains Texte) und dann habe ich noch eine Leinwand,
HTML5-canvas: gibt es eine Möglichkeit zum ändern der Größe Bild mit "nearest neighbour" - resampling?
5 Antworten
Ich habe einige JS das macht einige Manipulationen mit Bildern. Ich möchte ein pixelart-Grafik, so hatte ich, um es zu vergrößern original Bilder im Grafik-editor. Aber ich denke, es wäre eine gute Idee, um alle Manipulationen mit