Dart Canvas未绘制图像
Dart Canvas not drawing image
试图使用Canvas和Dart来渲染图像,但我运气不佳。
有人能给我指正确的方向吗?请参阅所附代码。
import 'dart:html';
class Board{
CanvasElement canvas;
CanvasRenderingContext2D context;
Board(){
canvas = new CanvasElement(width: 600, height: 600);
context = canvas.context2D;
}
getCanvas(){
return canvas;
}
getContext(){
return context;
}
}
class Player{
ImageElement player;
CanvasRenderingContext2D context;
CanvasElement canvas;
Player(theCanvas, theContext){
canvas = theCanvas;
context = theContext;
}
drawPlayer(){
player = new Element.tag("img");
player.id = "#thePlayer";
player.src = "img/player.png";
context.drawImage(player, 100, 100);
}
getPlayer(){
return player;
}
}
void main() {
Board b = new Board();
Player p = new Player(b.getCanvas(), b.getContext());
p.drawPlayer();
}
这是因为在Dart VM运行时,映像尚未从服务器加载。
为了纠正这一点,在向玩家展示之前,我检查了图像是否已加载。
player.onLoad.listen( (value) => context.drawImage(player, 0, 0) );
相关文章:
- 用图像而不是颜色填充对象(将图像绘制到画布上)
- 仅使用Chrome进行慢速图像绘制
- 将 SVG 图像绘制到 CanvasRenderingContext2D 中
- 为什么我不能将图像绘制到画布中
- 将许多新图像绘制到画布时内存泄漏
- Javascript - 加载GIF冻结,同时将图像绘制到画布(Phonegap/Cordova)
- 画布:绘制图像而不是将图像绘制到画布
- 将图像绘制到<画布>
- 在浏览器中识别完整的图像绘制
- 画布图像绘制失败
- 将图像绘制到画布上
- 如何在画布上为运动图像绘制多条路径
- 将图像绘制到画布有时不显示任何东西
- 修剪透明背景的图像绘制在画布与PHP或javascript
- Javascript将图像绘制在彼此之上
- 我可以将数组值插入到画布的图像绘制函数中吗?
- 画布上的图像绘制比原始尺寸大
- 画布图像绘制不工作
- 将预先加载的图像绘制到画布中
- javascript从缓冲区(nodejs/socket.io)将图像绘制到html中