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！