Als «canvas» getaggte Fragen

Ich habe ein Canvas-Element mit einer Zeichnung und möchte eine Schaltfläche erstellen, die beim Klicken das Bild als PNG-Datei speichert. Es sollte also das Dialogfeld Speichern, Öffnen, Schließen öffnen ... Ich mache es mit diesem Code var canvas = document.getElementById("myCanvas"); window.open(canvas.toDataURL("image/png")); Aber wenn ich es in IE9 teste, öffnet sich …

80 javascript  html  canvas 

Ich versuche, Daten zu diesem Thema zu binden ItemsControl: <ItemsControl ItemsSource="{Binding Path=Nodes, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"> <ItemsControl.ItemsPanel> <ItemsPanelTemplate> <Canvas /> </ItemsPanelTemplate> </ItemsControl.ItemsPanel> </ItemsControl> Auf diese Weise DataTemplateversuche ich, meine NodeElemente individuell Canvasrichtig zu positionieren : <DataTemplate DataType="{x:Type Model:EndNode}"> <Controls:EndNodeControl Canvas.Left="{Binding Path=XPos}" Canvas.Top="{Binding Path=YPos}" /> </DataTemplate> Es funktioniert jedoch nicht wie erwartet. Alle …

79 c#  wpf  xaml  canvas  itemscontrol 

Ich möchte eine rechteckige Leinwand erstellen, um einen Fortschrittsbalken zu simulieren, aber wenn ich die Breite und Höhe einer Leinwand auf 100% setze, ist sie anscheinend nicht so hoch und breit wie die übergeordnete siehe Beispiel unten http://jsfiddle.net/PQS3A/ Ist es überhaupt möglich, nicht quadratische Leinwand herzustellen? Ich möchte die Höhe …

79 javascript  css  html  canvas 

Ich programmiere ein HTML5-<Leinwand> -Projekt, bei dem Bilder mit dem Scrollrad vergrößert und verkleinert werden. Ich möchte wie bei Google Maps auf den Cursor zoomen, bin aber völlig verloren, wie man die Bewegungen berechnet. Was ich habe: Bild x und y (obere linke Ecke); Bildbreite und -höhe; Cursor x und …

77 javascript  html  canvas  zoom  scrollwheel 

Ich verwende also Google Maps und bekomme das Bild so, dass es so aussieht <img id="staticMap" src="http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap &markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318 &markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&sensor=false"> Ich muss es retten. Ich habe folgendes gefunden: function getBase64FromImageUrl(URL) { var img = new Image(); img.src = URL; img.onload = function() { var canvas = document.createElement("canvas"); canvas.width = this.width; canvas.height …

76 javascript  canvas  cors 

Geschlossen. Diese Frage entspricht nicht den Richtlinien für Stapelüberlauf . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen vor 6 Jahren . Gesperrt . Diese Frage und ihre Antworten sind gesperrt, da die Frage …

76 javascript  canvas 

Ich habe ein Formular, mit dem ein Benutzer ein Bild hochladen kann. Sobald das Bild geladen ist, führen wir eine Skalierung durch, um die Dateigröße zu verringern, bevor wir es an den Server zurückgeben. Dazu legen wir es auf die Leinwand und manipulieren es dort. Dieser Code rendert das skalierte …

76 javascript  html  canvas  html5-canvas 

Ich habe mir Dinge wie Cufon und typeface.js angesehen, aber sie scheinen SIFR-Alternativen zu sein und erlauben Ihnen nicht, Freiformkoordinaten festzulegen und benutzerdefinierte Typen auf a zu zeichnen <canvas> Hat jemand irgendwelche Ideen?

75 html  canvas  fonts  cufon  typeface.js 

Ich versuche, das HTML5-Canvas-Element zum Zeichnen einiger Bögen und Kreise zu verwenden - dies funktioniert perfekt in FF, aber IE8 scheint es nicht zu unterstützen. Jetzt gibt es Javascript-Bibliotheken, mit denen IE8 gut mit Canvas funktioniert. Ein Beispiel finden Sie hier . Ich habe ihre gesamte Quelle gelesen, kann aber …

74 internet-explorer-8  html  canvas 

Hallo, ich habe eine Frage zum dynamischen Erstellen einer Zeichenfläche mit Javascript. Ich erstelle eine Leinwand wie folgt: var canvas = document.createElement('canvas'); canvas.id = "CursorLayer"; canvas.width = 1224; canvas.height = 768; canvas.style.zIndex = 8; canvas.style.position = "absolute"; canvas.style.border = "1px solid"; aber wenn ich versuche, es zu finden, erhalte ich …

74 javascript  html  canvas 

jQuery('#carregar').click(function() { var canvas = document.getElementById('canvas'); var image = document.getElementById('image'); var element = canvas.getContext("2d"); element.clearRect(0, 0, canvas.width, canvas.height); element.drawImage(image, 0, 0, 300, 300); }); jsfiddle.net/braziel/nWyDE/ Ich habe ein Problem beim Drehen eines Bildes um 90 ° nach rechts oder links. Ich verwende ein Bild auf der Leinwand. Auf demselben Bildschirm …

73 html  image  canvas  rotation  html5-canvas 

Ich spiele mit der folgenden Anwendung unter Verwendung des HTML-Canvas: http://driz.co.uk/particles/ Im Moment ist es auf 640x480 Pixel eingestellt, aber ich möchte es im Vollbildmodus machen, da es als Projektor angezeigt wird. Soweit ich das beurteilen kann, kann ich die Canvas-Größe jedoch nicht auf 100% als Variablen festlegen, außer auf …

71 javascript  html  canvas 

Problem Ich möchte alle Pixel erhalten, die sich innerhalb eines Kreises eines bestimmten Radius um einen bestimmten Punkt befinden, wobei Punkte nur ganzzahlige Koordinaten haben können , dh Pixel in einer Leinwand. Also möchte ich alle Punkte im gelben Bereich erhalten (x, y)und r. Nähert sich Der effizienteste Weg, den …

8 c++  algorithm  canvas  geometry  distance 

Wenn eine Maus über einem Bild schwebt. Es wird durch diese if-Anweisung erkannt: if ((distance(circles[this.index].x, circles[this.index].y, mouse.x, mouse.y)) < circles[this.index].radius) Ich möchte auch erkennen, wann eine Maus es außerhalb eines Bildes. Nach dieser vorherigen if-Anweisung kann ich sie nicht mehr verwenden. Der Grund dafür ist: Wenn ich mehrere Bilder auf …

8 javascript  html  canvas 

Ich möchte ein theoretisches Problem darlegen. Angenommen, ich habe eine unendliche Schriftrolle, die wie hier beschrieben implementiert ist: https://medium.com/frontend-journeys/how-virtual-infinite-scrolling-works-239f7ee5aa58 . Es ist nichts Besonderes daran zu genügen, zu sagen, dass es sich um eine Datentabelle handelt, z. B. NxN, und der Benutzer kann wie eine Tabelle nach unten und rechts …

8 javascript  algorithm  performance  canvas  virtualscroll