canvasser

帆布

基于HTML5画布的交互式，可嵌入的多媒体动画的创作工具。

问题 /评论：[email protected]

删除文件的恢复

https：//yourip/canvasser/author/php/recover.php

快速开始

将文件复制到Web服务器 /灯 / MAMP / WAMP。

htaccess文件

在您的Canvasser目录中创建.htaccess文件。

 Options +FollowSymLinks
RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ author/php/api.php [L]

另外，您可能需要允许.htaccess文件重写规则。

 sudo nano /etc/apache2/sites-available/000-default.conf

通过添加内容来编辑VirtualHost。

<VirtualHost *:80>
    <Directory /var/www/html>
        Options Indexes FollowSymLinks MultiViews
        AllowOverride All
        Require all granted
    </Directory>

    . . .
</VirtualHost>

Apache设置

如果您正在运行Ubuntu或其他一些Linux发行版 - 您可能需要启用mod_rewrite。

 sudo a2enmod rewrite
sudo service restart apache2

PHP设置

您可能还需要在php.ini文件中增加最大发布和上传文件大小。例如 - 灯需要sudo gedit /etc/php/7.0/apache2/php.ini

然后搜索：

 upload_max_filesize

然后将其更改为更大的价值，例如：

 upload_max_filesize = 10M

另外，您需要更改

 post_max_size

要匹配您在最大upload_max_filesize中输入的值

 post_max_size = 10M

重新启动您的Apache服务。

 sudo service restart apache2

导航到您的网络服务器/canvasser/ruter/

在学习窗口中阅读教程，或通过扩展样本窗口查看一些样本。

外部命令：

您可以使用以下格式向其他DOM元素发出命令：

 <div data-canvasser="activity" data-canvasser-command='[{"command":"selectonly", "item":"objectID"}]'>CLICK ME</div>

这将单击对象。确保Data-Canvasser标签与设置中的“ CanvasDomname”匹配。 objectID不是对象的名称。当前，您必须使用JSON窗口查找实际ID。您可以每次点击发出多个命令，因为JSON在数组中。

缩小

https://nodejs.org/en/download/package-manager/

安装node.js v4 curl -sl https：//deb.nodesource.com/setup_4.x | sudo -e bash -sudo apt -get安装-y nodejs

或V6：curl -sl https：//deb.nodesource.com/setup_6.x | sudo -e bash -sudo apt -get安装-y nodejs

https://github.com/mishoo/uglifyjs2

uglifyjs〜/documents/canvasser/canvasser.js - compress -s-swrew-ie8 -mangle-unput-unput〜/documents/canvasser/canvasser.min.js

更多信息：

查看Wiki！