canvasser

ผู้ตรวจสอบ

เครื่องมือการเขียนสำหรับแอนิเมชั่นมัลติมีเดียแบบอินเทอร์แอคทีฟที่ฝังอยู่บนพื้นฐานของ HTML5 Canvas

คำถาม / ความคิดเห็น: [email protected]

การกู้คืนไฟล์ที่ถูกลบ

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

เริ่มต้นอย่างรวดเร็ว

คัดลอกไฟล์ไปยังเว็บเซิร์ฟเวอร์ / หลอดไฟ / MAMP / WAMP

ไฟล์ htaccess

สร้างไฟล์. htaccess ในไดเรกทอรี canvasser ของคุณ

 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 distro อื่น ๆ - คุณอาจต้องเปิดใช้งาน 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

เพื่อให้ตรงกับค่าที่คุณใส่ไว้ใน Max Upload_max_filesize

 post_max_size = 10M

รีสตาร์ทบริการ Apache ของคุณ

 sudo service restart apache2

นำทางไปยัง YourWebServer /Canvasser/Author/

อ่านบทเรียนใน หน้าต่างการเรียนรู้ หรือดูตัวอย่างบางอย่างโดยขยาย หน้าต่างตัวอย่าง

คำสั่งภายนอก:

คุณสามารถออกคำสั่งไปยังผู้ตรวจสอบจากองค์ประกอบ 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

Uglefyjs ~/documents/canvasser/canvasser.js-compress-screw-ie8-mangle-output ~/documents/canvasser/canvasser.min.js

ข้อมูลเพิ่มเติม:

ตรวจสอบวิกิ!