Crafty.pixelart()

public void Crafty.pixelart(Boolean enabled)
enabled

当渲染图像时是否保留锐利的边缘

设置绘制图像的图像平滑(对于所有图层类型)。

将此设置为true禁用对图像的平滑处理,这是绘制像素块的首选方法。默认为false。

此功能是实验性的,您应该小心跨浏览器兼容性。禁用图像平滑的最好方法是使用画布绘制方法和精灵组件来绘制实体。

如果你想要在一个场景中切换模式,应该注意canvas实体不会使用新样式绘制直到别的东西使它们失效。 (你可以使用Crafty("Canvas").trigger("Invalidate")使所有canvas实体失效)

注意: Firefox_26 当前有一个bug 会使图像组件的Canvas实体的平滑效果失效。你可以使用精灵组件代替。

注意: WebKit(Chrome和Safari)目前有一个bug link1 link2,会使 DOM 图像实体的平滑效果失效。

例子

这是最佳跨浏览器兼容性绘制像素块的首选方法。

Crafty.pixelart(true);

Crafty.sprite(imgWidth, imgHeight, "spriteMap.png", {sprite1:[0,0]});
Crafty.e("2D, Canvas, sprite1");