学习安装carousel-3d



  • 最近我们打算将论坛的页面更新一下,作为可选的技术方案,我们考察了一下好的图片控件,于是我找到了一个好的东西,可以在浏览器中显示3D图片的效果,这个控件就是carousel-3d

    大家可能不知道什么是carousel,这里谷歌给你答案——圆盘传送带。也就是说,想让图片循环的展示,除了普通的渐变外,还可以采用3D的方式来表现图片的切换效果。而carousel-3d呢,就是我寻找的一个非常适合的控件。这个控件是韩国人(组织)开发的哦。它的网址是:

    http://paio-co-kr.github.io/carousel-3d

    不过呢,我从github中检出了代码,可是一波三折。

    首先,就是无法使用bower。我查了一下网络,知道bower是前端库常用的,类似npm,可以通过npm进行安装。可是呢,我使用了这个脚本:

    npm install -g bower
    

    那边始终卡在了一个地方。害得我一个晚上都没有办法研究。

    今天好歹是将bower安装好了,可是运行example/default.html文件,却没有显示出它那边显示的效果。什么原因呢?起初我觉得它那边依赖的一个库modernizr使用的是2.8.3的版本,而最新的版本已经是3.3.1了,可能是这个原因。但是后面我发现,carousel-3d这个库所依赖的库,modernizr可以通过bin/modernizr 这个脚本来生成modernizr.js文件。可是不幸的是,当我按照readme中的方法运行这条语句时:

    ./bin/modernizr -c lib/config-all.json
    

    移植报找不到module的错误。我想可能依赖没有全吧。我就尝试了npm install,可是npm install净报错,真是非常沮丧。后面我考虑不依赖一蹴而就的解决办法,开始一个一个进行安装,于是运行了下面几条语句:

    npm install lodash
    npm install requirejs
    npm install file
    npm install marked
    npm install doctrine
    npm install yargs
    

    所谓哪里不会点哪里,诶,最后真的成功生成modernizr.js文件了!我继续浏览器打开example/default.html,终于出现了我想要的结果!

    0_1471850628094_upload-36c5a6a0-86e6-4d46-b677-b36b5d20dc8b

    记录一下,算作给后来的朋友们一点儿提示吧。



  • 这个控件的特点应该是支持ie8,9.
    如果需要3D显示的话,webgl就可以搞定。html5的规范



  • @flowerlove 那的确,可能用WebGL灵活性更大一些,不过要不要学习,我还观察一下。有机会的话,还是看看WebGL和three.js。



  • 加油哟彩阳兄~~~~~~~~~~~~


 

走马观花

最近的回复

  • @chinasmu Webkit网络的部分可能不是受到Qt控制的,扩展性较差,所以呢,还不能通过代码的方式侦听网络收发数据。但是WebEngine就可以。如果可以的话,试试Qt WebEngine。😺

    阅读更多
  • C

    我用qt建了个对话框程序,里面加了个webkit,请问有办法获取该控件的全部网络封包通信数据吗?
    不采用windows hook recv和send函数的形式,或者有没有第三方的控件可以这样做

    阅读更多
  • 这个错误不是编译器的错误,而是IntelliSense的错误。
    这种情况,可以不用太担心。

    如果你使用MSVC编译应用程序,那么最好安装Qt Visual Studio Addon,使用这个插件同步开发Qt应用程序。
    不过一个小小的建议,就是Qt Creator写Qt程序非常直观,不需要在Visual Studio中那么麻烦,而且Qt Creator是强制安装的,基本上你安装了Qt 5.12,就可以在安装的目录中找到它。QAxContainer是Qt的模块activeQt中的,需要在pro文件中写QT += axcontainer,才会找到这个类。

    阅读更多
  • C

    VS2017 Qt5.12
    新建一个空的QWidget对话框,编译执行
    可以成功生成并执行,但是错误列表里显示

    傲游截图20190217212931.png

    exe文件能够成功生成。

    另外的问题:我在vs2017编译环境中使用qt,需要用到 QAxContainer,我看帮助文档里说要在.pro中加入CONFIG+=qaxcontainer,但是vs2017创建的程序中没有.pro这个文件,那这句话应该加在哪里呢?

    还有我想建一个有浏览器控件的对话框程序,如果想在5.12版本中加入QtWebKit应该如何使用

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔