Javascript 是否可以在ParticleSlider中渲染数据src图像的颜色？_Javascript_Canvas_Html5 Canvas

Javascript 是否可以在ParticleSlider中渲染数据src图像的颜色？

javascript canvas html5-canvas

Javascript 是否可以在ParticleSlider中渲染数据src图像的颜色？,javascript,canvas,html5-canvas,Javascript,Canvas,Html5 Canvas,人们我已经在粒子滑块js中创建了一个滑块，现在我想渲染数据src图像的颜色，比如android徽标可以在绿色粒子中显示？在这里我使用了粒子滑块，有可能做到这一点吗这是代码 <body id="particle-slider"> <div class="slides"> <div id="first-slide" class="slide" data-src="../canvas/images/lgCrssn.png" /> </div> &l

人们我已经在粒子滑块js中创建了一个滑块，现在我想渲染数据src图像的颜色，比如android徽标可以在绿色粒子中显示？在这里我使用了粒子滑块，有可能做到这一点吗

这是代码

<body id="particle-slider">
<div class="slides">
<div id="first-slide" class="slide" data-src="../canvas/images/lgCrssn.png" />
</div>


<div id="second-slide" class="slide" data-src="../canvas/images/290px-Sony_Alpha_logo.svg.png" />
</div>
</div>
<canvas class="draw"></canvas>
<script>
var init = function(){
    var isMobile = navigator.userAgent &&
            navigator.userAgent.toLowerCase().indexOf('mobile') >= 0;
    var isSmall = window.innerWidth < 1000;

    var ps = new ParticleSlider({
        slideDelay: 10,
        mouseForce: 1000,
        monochrome: true,
        showArrowControls: true,
        ptlGap: 2,
        ptlSize: 2
    });



    (window.addEventListener
            ? window.addEventListener('click', function(){ps.init(true)}, false)
            : window.onclick = function(){ps.init(true)});
}

var initParticleSlider = function(){

    var psScript = document.createElement('script');
    (psScript.addEventListener
            ? psScript.addEventListener('load', init, false)
            : psScript.onload = init);
    psScript.src = 'js/particleSlider.js';
    psScript.setAttribute('type', 'text/javascript');
    document.body.appendChild(psScript);
}




(window.addEventListener
        ? window.addEventListener('load', initParticleSlider, false)
        : window.onload = initParticleSlider);


var init=函数（）{
var isMobile=navigator.userAgent&&
navigator.userAgent.toLowerCase（）.indexOf（'mobile'）>=0；
var isSmall=window.innerWidth<1000；
var ps=新的颗粒滑翔机({
幻灯片播放：10，
鼠力：1000，
单色：没错，
ShowArrow控件：正确，
差距:2,，
尺寸：2
});
（window.addEventListener）
？window.addEventListener（'click'，function（）{ps.init（true）}，false）
：window.onclick=function（）{ps.init（true）}；
}
var initParticleSlider=函数（）{
var psScript=document.createElement（'script'）；
（psScript.addEventListener）
？psScript.addEventListener（'load'，init，false）
：psScript.onload=init）；
psScript.src='js/particleSlider.js'；
setAttribute（'type'，'text/javascript'）；
document.body.appendChild（psScript）；
}
（window.addEventListener）
？window.addEventListener（'load'，initParticleSlider，false）
：window.onload=initParticleSlider）；

是的这是可能实现的。您只需将

单色设置为false
：）
var ps=新粒子滑翔机({
幻灯片播放：10，
鼠力：1000，
单色：false，//你是传奇人物！！太棒了，我已经在API文档中拼命搜索了这件事：（谢谢你，还有一个问题，我已经将ShowArrow控件设置为true，但箭头仍然没有显示，嗯..我不知道..会马上检查的mm..是的，当然..）嘿，你找到什么了吗？因为我还没有找到任何东西(
var ps = new ParticleSlider({
    slideDelay: 10,
    mouseForce: 1000,
    monochrome: false, //<-- this
    showArrowControls: true,
    ptlGap: 2,
    ptlSize: 2
});