赋予代码灵魂 , 追求极致性能

Hey guys, Here is Vtrois's Blog !

教你模仿制作WordPress动态效果插件。

最近 想给自己的博客加点动态效果,于是在百度发现 并没有什么插件,只找到一个canvas-nest。于是下载上传到插件目录 体验了下 觉得不太好,于是自己修改了下插件的JS源码,将鼠标事件去掉,但是又感觉效果还是不太好看。于是自己在网上找个效果不错的canvas。准备想移植到Wordpress上来。下面开始步骤。

  1. 首先下载Wordpress本身的 canvas-nest插件,然后再网上下载H5版的canvas,。模仿canvas-nest对H5版的canvas 进行封装重写,期间可以照着目录写
  2. 打开setting文件对比属性 自己修改,需要增加哪些属性,就对比模板增加,然后修改属性名字。
  3. 原理是通过script的标签传递属性。
  4. 由wprdpres的PHP来将 属性 挂载渲染到admin页面给用户修改。然后js通过自身script标签 获取 这些属性,然后进行canvas绘图。这其中需要了解下 WordPress挂载方式常用的钩子函数以及API。下面是我的制作好的canvas ,github源码地址https://github.com/zhi3210happy/canvas-best.js 。里面的代码有详细的注释,可供。
点赞
  1. zhi说道:

    能详细点 ?:razz:

发表评论

电子邮件地址不会被公开。