首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用Pixjs修改多边形顶点位置

用Pixjs修改多边形顶点位置
EN

Stack Overflow用户
提问于 2020-06-03 15:00:30
回答 1查看 285关注 0票数 0

嗨,我对pixijs很陌生(pixi.js - v5.2.4),我在pixijs网站上看到了一些样本,添加了一个简单的滑块,通过改变滑块值,多边形顶点的位置将得到改变我的代码

代码语言:javascript
运行
复制
var el = document.getElementById('slider');

if (el) {
    el.addEventListener('input', changePolygon);
    console.log("Great!!")
}
else{
    console.log("It's null!!")
    throw new ReferenceError("missingElement is not defined");
}

函数处理程序:

代码语言:javascript
运行
复制
function changePolygon(e){
graphics.clear();
    var target = (e.target) ? e.target : e.srcElement;
    console.log(target.value)

    // draw polygon  
    // flat array of numbers that will be interpreted as [x,y, x,y, ...], 
    let path = [300, 370,
                500, 370,
                500, 420, 
                target.value, 420]; 

    graphics.lineStyle(outline_thicknes, outline_color, 1);
    graphics.beginFill(0x650A5A);
   graphics.drawPolygon(path);
    graphics.endFill();

}

但是由于某些原因,多边形的轮廓看起来不太好,能不能有人看看,并建议我如何解决这个问题。

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-06-09 14:31:47

显然,我忘了用target.valueparseFloat,因为target.value是字符串类型的。

现在它工作得很好!

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

https://stackoverflow.com/questions/62176069

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档