小编JJ *_*ish的帖子

我正在尝试设置一条console.log()消息的样式，以使其看起来更好（背景颜色，文本颜色等）。

我正在使用以下代码：

console.log('%c Created by' + '%c www.google.com', 'background: #13212E; color: #FFF; padding: 5px 10px;', 'background: #05E5C8; color: #13212E; padding: 5px 10px;');

Chrome控制台中的输出如下：

如您所见，它几乎是完美的，但是color没有将样式应用于链接（'www.google.com'），我也想删除白色背景。

有什么方法可以为console.log()消息中的链接设置这些属性的样式？

我刚刚在我正在构建的项目中遇到了一个场景,我需要在其中生成带有透明内部的线框样式线,以"勾勒"形状,就好像它是以漫画/卡通风格绘制的,而不是创建实际的实体对象本身.

这些轮廓需要比默认的更厚linewidth的LineBasicMaterial.这是一个已知的问题,linewidth实际上并没有起作用/做任何事情LineBasicMaterial,因此我对如何解决我的问题感到难过.

我之前使用的是r90,但令我兴奋的是版本r91 of three.js最近刚刚发布,并带有全新的"胖线",因为它们在示例中被称为.这似乎是我的问题的完美解决方案,因为它基本上只是增加了linewidth再次增加的能力.

但是,在升级到r91之后,查看代码中的"胖线"示例,并尝试复制我在那里看到的内容,我没有运气linewidth

这是升级到r91之前的代码:

var Pavement = function() {
    this.mesh = new THREE.Object3D();
    this.mesh.name = "pavement";

    geomPavement = new THREE.BoxBufferGeometry(100, 25, 20000);
    var edgesPavement = new THREE.EdgesGeometry( geomPavement );
    var linePavement = new THREE.LineSegments( edgesPavement, new THREE.LineBasicMaterial( { color: Colors.black, linewidth: 10 } ) );
    matPavement = new THREE.MeshPhongMaterial({color: Colors.black});
    PavementObject = new THREE.Mesh(geomPavement, matPavement);

    PavementObject.receiveShadow = true;
    PavementObject.castShadow = true;

    this.mesh.add(linePavement);
}

有些凌乱,但基本前提是,我以前创建对象(无线),因此 …

假设我有一个形状 atposition.x = 0并且我想在渲染循环中平滑地将其动画化为position.x = 2.435. 我该怎么做？

问题

我正在 Wordpress 网站上设置一个光滑的滑块/轮播。一切正常/显示完美，但是滑块已停止正确拖动。

我仍然可以用鼠标物理拖动滑块并按原样进行动画处理，但是当我松开滑块时，它只会弹回第一张幻灯片，而不会让我通过拖动从第一张幻灯片向后或向前导航

使用上一个和下一个箭头可以完美地工作，使用键盘上的箭头键也是如此，这让我更加困惑为什么拖动不起作用。

我需要的

解决拖动不起作用的问题，以便我可以正确浏览滑块。

**当我滑动滑块时，滑块在移动设备上也以相同的方式损坏。

我的代码

我无法将您链接到滑块，因为它目前位于私人站点上，但我会尝试将我认为相关的所有代码放在下面：

（我仅使用下载中的 slick.min.js 文件和 slick.css 文件）

HTML

<div class="slider">
    <div class="slider__item">
        <a href="">
        </a>
    </div>
</div>

• 有多个滑块__项目，但它们是在帖子的 WP 循环中创建的，所以我只包含了一个
• 省略幻灯片中的内容，以便这篇文章不会太长，但可以想象文本/标题/图像等的标签<p>和<div>标签......

JS

$('.slider').slick({
    infinite: true,
    slidesToScroll: 1,
    variableWidth: true,
    dots: false,
    arrows: true,
    focusOnSelect: false,
    prevArrow: $('.home-posts__arrow__prev'),
    nextArrow: $('.home-posts__arrow__next'),
});

CSS

.slider {
    position: absolute;
    left: calc(33.333333% + 30px);
}

.slider__item {
    max-width: 290px;
    margin: 0px 15px;
}

参考图片

滑块位于内容的右侧，“Test post 4”是它始终快速返回到的第一张幻灯片。蓝色方块是临时上一个和下一个按钮

我希望这是足够的信息，但如果您需要其他任何信息，请发表评论，提前致谢！