使用百分比的Javascript图形库

时间:2016-03-26 19:17:16

标签: javascript

是否有javascript图形库允许您使用百分比而不是像素?我正在建立一个基于小图像(16 x 16)的游戏,所以如果图书馆还有用于加载大量图像和工具的工具来展示它们会很棒,但如果不是那样也可以。

1 个答案:

答案 0 :(得分:1)

直截了当的回答:

从像素转换为百分比很简单,只需将百分比值除以100,然后乘以画布的宽度/高度即可:

x = percentX / 100 * width;
y = percentY / 100 * height;

<强> WebGL的:

如果你需要一个完整的图形API,那么你应该看看WebGL:它是一个用于Javascript的OpenGLES 2.0绑定,因此OpenGLES 2.0中的所有可用的都可用于WebGL。

查看MDN的入门教程:https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL

如果您需要其他OpenGL教程,这里有一些很棒的: