下面是在 pixi.js(使用 WebGL)画布上放置一些文本的简单方法。
我们如何滚动/缩放画布的显示部分?(即鼠标按下+拖动应该移动...)
我想实现的示例:http://s419743653.onlinehome.fr/things/test2.htm http://s419743653.onlinehome.fr/things/test2.htm
<!DOCTYPE HTML>
<html>
<head>
<title>pixi.js example 1</title>
<script src="pixi.js"></script>
</head>
<body>
<script>
var stage = new PIXI.Stage(0xFFFFFF);
var renderer = PIXI.autoDetectRenderer(800, 600);
document.body.appendChild(renderer.view);
var text = new PIXI.Text("Hello World", {font:"50px Arial", fill:"black"});
stage.addChild(text);
renderer.render(stage);
</script>
</body>
</html>
设置缩放属性DisplayObjectContainer
。在你的情况下,你没有任何东西,所以你可以缩放舞台。
stage.scale.x = 2;
stage.scale.y = 2;
或者您可以将对象放入一个组中并缩放该组。
var group = new Pixi.DisplayObjectContainer();
group.scale.x = 2;
group.scale.y = 2;
group.add(text);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)