Ich muss eine Anwendung schreiben, die sehr einfache Kritzeleien von Benutzern akzeptiert, ähnlich wie in zehntausenden und thesheepmarket .
Ich möchte zum Beispiel, dass Benutzer ihren Namen mit ihrer Maus schreiben.
Irgendwelche Vorschläge?
Ich muss es nicht einmal selbst hosten. Wenn irgendwo Dienste angeboten werden, die ich einfach benutzen kann, ist das in Ordnung.
Es ist nicht zu schwierig, eine einfache Scribbling-App mit nur HTML zusammenzustellen. Ich lasse Sie die Details für die Produktion vorbereiten.
Ich benutze extjs hier als Cross-Browser-Event-Framework, aber Sie können verwenden, was immer Sie wollen (jquery). Ich verwende auch Raphael , um Browser-Zeichenfunktionen zu erhalten.
%Vor%Sie müssen die verschiedenen Scribble-Linien in einem Formular für die Einreichung aufzeichnen und speichern. Und stellen Sie sicher, dass der Mauszeiger immer korrekt ist (es ist eine Textleiste unter IE).
Wie auch immer, viel Spaß.
PS. Ich habe ein funktionierendes Beispiel mit raphael und vollständigen extjs2-Bibliotheken zu drop.io hochgeladen (3Mb, 7zip ).
PPS. Ich habe ein funktionierendes Beispiel hochgeladen, das eine grundlegende (aber ziemlich vollständige) Kontrolle ist. Siehe inquisitivturtle .
Wie die anderen antworten, wäre Flash die einfachste Methode.
Aber löse die Leinwand nicht aus. Durch geschicktes JavaScript und einige proprietäre MS Guff (VML) können Sie das Verhalten von Canvas in emulieren IE .
Wenn flash aint Ihr Ding (es sicher nicht meins), dann könnte dies eine wirklich nette Alternative sein.
Wenn Sie nicht mit Flash arbeiten möchten, ist Canvas wahrscheinlich die beste Wahl, wie andere bereits erwähnt haben. Es gibt ein paar Projekte, die die IE-Unterstützung unterstützen, aber die umfassendste (meines Wissens) ist excanvas . Mozilla hat ein Tutorial , um es zu verwenden, ebenso wie Bill Mill . Dieses (ältere) Tutorial spricht über die Verwendung von Canvas mit AJAX.
Wenn Sie jedoch nicht Ihre eigenen erstellen möchten und Sie nur die Fähigkeit wollen, können Sie in Online-Whiteboards wie Dabbleboard
Ich würde empfehlen, das <canvas> -Tag zu verwenden; Es ist nativ in Safari, Chrome, Firefox und Opera verfügbar und kann mithilfe von ExplorerCanvas im IE aufgerufen werden ist ein einfacher Wrapper, der die VML-Sprache von IE über eine Canvas-kompatible Schnittstelle zugänglich macht. In diesem Artikel finden Sie eine Anleitung zum Erstellen einer Zeichen-App mit dem Element <canvas> . Sie können eine Vielzahl von Dokumenten und Lernprogrammen finden, indem Sie Google durchsuchen .
Es gibt eine open-source <canvas> Basis-Zeichen-App, mit der Sie hier spielen und herunterladen können.
Eine Option ist die Verwendung des Tags HTML5 <canvas> , das in Firefox, Safari und Opera unterstützt wird, mit Javascript und anschließendes Hochladen des Bildes in Formulardaten.
Dies blockiert jedoch jeden, der IE benutzt.
Adobe Flash ist wahrscheinlich die beste Option.
Sie können sehen, wie sie In Google Docs zeichnen :
Google verwendet SVG in Firefox, Opera, Chrome und anderen Browsern, die es unterstützen, und VML in Internet Explorer, sodass Sie keine Plug-ins von Drittanbietern benötigen.
Sie könnten ein Java Applet wie Shi-Maler wie viele oekaki Implementierungen tun, wie der eine bei iiichan.net .
Haftungsausschluss: Ich verstehe das Stigma, das heutzutage mit Java-Applets verbunden ist, aber ich dachte, ich würde das der Vollständigkeit halber mit einbeziehen. ;)
Tags und Links drawing