文章/答案/技术大牛

发布

社区首页 >问答首页 >滚动/缩放pixi.js画布

问滚动/缩放pixi.js画布
EN

Stack Overflow用户

提问于 2014-09-13 13:33:00

回答 1查看 8.8K关注 0票数 2

下面是在pixi.js (使用WebGL)画布上放置一些文本的简单方法。

我们如何滚动/缩放显示的部分画布? (即鼠标向下+拖动应该移动.)

我想要达到的目标的例子：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>

canvas

webgl

pixi.js

javascript

html

回答 1

Stack Overflow用户

发布于 2014-09-13 14:04:34

在DisplayObjectContainer上设置scale属性。在你的情况下，你没有任何，所以你可以扩大舞台。

stage.scale.x = 2;
stage.scale.y = 2;

或者你可以把你的对象放在一个组中，并缩放这个组。

var group = new Pixi.DisplayObjectContainer();
group.scale.x = 2;
group.scale.y = 2;

group.add(text);

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25823736

复制

相似问题

问滚动/缩放pixi.js画布
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问滚动/缩放pixi.js画布EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问滚动/缩放pixi.js画布
EN