Sto provando l'elemento Dart Language e HTML5 Canvas, ma sono bloccato con un problema. Non so come caricare un'immagine in Dart. Posso ottenere CanvasRenderingContext2D e con questo posso chiamare fillText() e fillRect() e tutto funziona, ma sto cercando di capire come caricare un'immagine e disegnare con drawImage.Come caricare un'immagine in Dart
7
A
risposta
10
Creare e caricare l'immagine
ImageElement image = new ImageElement(src: "my_image.png");
image.onLoad.listen((e) {
// Draw once the image is loaded
});
Disegnare l'immagine qui sopra sulla tela dopo il caricamento
context.drawImage(image, destX, destY);
9
recente immagine sintassi onload:
readFile() {
ImageElement image = new ImageElement(src: "plant.png");
document.body.nodes.add(image);
image.onLoad.listen(onData, onError: onError, onDone: onDone, cancelOnError: true);
}
onData(Event e) {
print("success: ");
}
onError(Event e) {
print("error: $e");
}
onDone() {
print("done");
}
1
So che questa domanda è vecchio ma forse questo può aiutare qualcun altro. C'è ancora un altro modo per farlo:
void main() {
ImageElement image = new ImageElement(src: "pic.png");
img.onLoad.listen(onData);
img.onError.listen(onError);
}
void onData(Event e) {
print("Load success");
}
void onError(Event e) {
print("Error: $e");
}
Problemi correlati
- 1. Come caricare un file in Dart?
- 2. Dart
- 3. Console.log in Dart Language
- 4. Embedding Dart in applicazione
- 5. Client server in Dart
- 6. Variabili globali in Dart
- 7. come distribuire l'applicazione web dart con i pacchetti dart?
- 8. Come creare un'istanza dell'elemento personalizzato Dart Polymer nel codice Dart?
- 9. Window.navigator.getGamepads() in Dart funziona?
- 10. urlencoding in Dart
- 11. Come si annullano le eccezioni in Dart?
- 12. Come dovrei testare un futuro in Dart?
- 13. Come aggiungere righe a TableElement in Dart?
- 14. Come creare una finestra popup in Dart?
- 15. Come ottenere un timestamp in Dart?
- 16. Come posso generare numeri casuali in Dart?
- 17. Come in Dart creare una variabile privata?
- 18. Come estendere un elenco in Dart?
- 19. Come generare un ID univoco in Dart
- 20. Come implementare le proprietà dinamiche in Dart?
- 21. Funzionalità di arricciatura in Dart
- 22. Come connettere Dart a SQLite?
- 23. Come profilare un'app per dart?
- 24. Come "dormire" un programma Dart
- 25. Come posso costruire dinamicamente uno script Dart per spawnUri?
- 26. Dart equivalent di Array.prototype.map()?
- 27. Come configurare Dart Analyzer in modalità avanzata in Webstorm?
- 28. Come scrivere più unittests in dart in più file?
- 29. chiama javascript da Dart
- 30. Dart HTML5 Canvas Library?
Salve, Sono nuovo di dardo e quando provo la funzione image.on.load.add ottengo un errore affermando che "il carico" non è un membro del eventi. Anche il suggerimento sul codice non è molto utile con questo. Uso Dart Editor versione 0.4.2_r20259 e Dart SDK versione 0.4.2.8_r20259. –
Ok, ho scoperto il motivo: il core dartlang aveva un aggiornamento ... [Dart News & Updates] (http://news.dartlang.org/2013/01/new-dom-event-streams-api.html) . Ora "image.on.load.add" dovrebbe essere scritto come "image.onLoad.listen". –
Dato che M1 di Dart è stato rilasciato, la sintassi è stata modificata aggiungendo "src:" prima del nome file (nuovo ImageElement (src: "my_image.png");) o ciò causerà un errore di runtime. – daftspaniel