Mercurial Mercurial > renkan / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
server/php/basic/public_html/static/lib/FileSaver/demo/index.xhtml
author ymh <ymh.work@gmail.com>
Sun, 14 Jul 2024 22:00:08 +0200
changeset 666 9d6550026232
parent 598 eb4f4eceada0
permissions -rw-r--r--
Added tag V00.13.04 for changeset 69d13e7dd286
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
442
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     1
 
<!DOCTYPE html>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     2
 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US-x-Hixie">
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     3
 
<head>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     4
 
    <meta charset="utf-8"/>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     5
 
    <title>FileSaver.js demo</title>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     6
 
    <link rel="stylesheet" type="text/css" href="demo.css"/>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     7
 
</head>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     8
 
<body>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
     9
 
    <h1><a href="https://github.com/eligrey/FileSaver.js">FileSaver.js</a> demo</h1>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    10
 
    <p>
598
eb4f4eceada0 create new renkan version
ymh <ymh.work@gmail.com>
parents: 442
diff changeset 
    11
 
        The following examples demonstrate how it is possible to generate and save any type of data right in the browser using the W3C <code>saveAs()</code> FileSaver interface, without contacting any servers.
442
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    12
 
    </p>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    13
 
    <section id="image-demo">
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    14
 
        <h2>Saving an image</h2>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    15
 
        <canvas class="input" id="canvas" width="500" height="300"/>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    16
 
        <form id="canvas-options">
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    17
 
            <label>Filename: <input type="text" class="filename" id="canvas-filename" placeholder="doodle"/>.png</label>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    18
 
            <input type="submit" value="Save"/>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    19
 
            <input type="button" id="canvas-clear" value="Clear"/>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    20
 
        </form>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    21
 
    </section>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    22
 
    <section id="text-demo">
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    23
 
        <h2>Saving text</h2>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    24
 
        <textarea class="input" id="text" placeholder="Once upon a time..."/>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    25
 
        <form id="text-options">
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    26
 
            <label>Filename: <input type="text" class="filename" id="text-filename" placeholder="a plain document"/>.txt</label>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    27
 
            <input type="submit" value="Save"/>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    28
 
        </form>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    29
 
    </section>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    30
 
    <section id="html-demo">
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    31
 
        <h2>Saving rich text</h2>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    32
 
        <div class="input" id="html" contenteditable="">
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    33
 
            <h3>Some example rich text</h3>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    34
 
            <ul>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    35
 
                <li><del>Plain</del> <ins>Boring</ins> text.</li>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    36
 
                <li><em>Emphasized text!</em></li>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    37
 
                <li><strong>Strong text!</strong></li>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    38
 
                <li>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    39
 
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="70" height="70">
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    40
 
                        <circle cx="35" cy="35" r="35" fill="red"/>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    41
 
                        <text x="10" y="40">image</text>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    42
 
                    </svg>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    43
 
                </li>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    44
 
                <li><a href="https://github.com/eligrey/FileSaver.js">A link.</a></li>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    45
 
            </ul>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    46
 
        </div>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    47
 
        <form id="html-options">
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    48
 
            <label>Filename: <input type="text" class="filename" id="html-filename" placeholder="a rich document"/>.xhtml</label>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    49
 
            <input type="submit" value="Save"/>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    50
 
        </form>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    51
 
    </section>
598
eb4f4eceada0 create new renkan version
ymh <ymh.work@gmail.com>
parents: 442
diff changeset 
    52
 
    <script async="" src="https://cdn.rawgit.com/eligrey/Blob.js/0cef2746414269b16834878a8abc52eb9d53e6bd/Blob.js"/>
eb4f4eceada0 create new renkan version
ymh <ymh.work@gmail.com>
parents: 442
diff changeset 
    53
 
    <script async="" src="https://cdn.rawgit.com/eligrey/canvas-toBlob.js/8316fb3ee6d67f68f44089a82ab87bf580d2a5e3/canvas-toBlob.js"/>
eb4f4eceada0 create new renkan version
ymh <ymh.work@gmail.com>
parents: 442
diff changeset 
    54
 
    <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/62d219a0fac54b94cd4f230e7bfc55aa3f8dcfa4/FileSaver.js"/>
eb4f4eceada0 create new renkan version
ymh <ymh.work@gmail.com>
parents: 442
diff changeset 
    55
 
    <script async="" src="https://cdn.rawgit.com/eligrey/FileSaver.js/702cd2e820b680f88a0f299e33085c196806fc52/demo/demo.js"/>
442
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    56
 
</body>
adb907bba956 add server php example
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    57
 
</html>
renkan