cafe-grader-web Files · node_modules/png-js/examples/browser.html

cafe-grader-web

Location: cafe-grader-web/node_modules/png-js/examples/browser.html

Commit Description:

Merge pull request #30 from noppakorn/golden-submit-button...

Commit Description:

Merge pull request #30 from noppakorn/golden-submit-button add golden submit button

References:

r830:534e06ae3cce default

File last commit:

r789:8cd7e8db7e38 default

Show/Diff file:

Action:

            
                    node_modules/png-js/examples/browser.html
                
             | 40 lines
             | 1.1 KiB
             | text/html 
             | HtmlGenshiLexer
             | 
      
            History
        
           Show Full History
         |
          Annotation
         | Raw
         |
              
              Download
              
      <!DOCTYPE html>

      <html>

      <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <title>PNG.js example</title>

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <script src="../zlib.js"></script>

        <script src="../png.js"></script>  

      </head>

      <body>

        <h2>PNG.js browser demo</h2>  

        <div id="buttons"></div>

        <canvas id="png-canvas"></canvas>

        <script>

            var files = ['ball.png',

              'chompy.png',

              'djay-indexed.png',

              'djay.png',

              'laptop.png',

              'loading.png',

              'spinfox.png',

              'trees.png']

            var buttonsEl = document.getElementById('buttons')

            buttonsEl.innerHTML = files.reduce((result, file) => {

              return result.concat(`<button data-file="${file}">${file}</button>`)

            }, '')

            buttonsEl.addEventListener('click', (e) => {        

              var file = e.target.dataset.file

              if (!file) {

                return

              }

              PNG.load(`../images/${file}`, document.getElementById('png-canvas'))

            })

          </script>

      </body>

      </html>

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository permissions settings

Sign in to your account

Last Author

				<!DOCTYPE html>
				<html>

				<head>
				<meta charset="utf-8">
				<meta http-equiv="X-UA-Compatible" content="IE=edge">
				<title>PNG.js example</title>
				<meta name="viewport" content="width=device-width, initial-scale=1">
				<script src="../zlib.js"></script>
				<script src="../png.js"></script>
				</head>

				<body>
				<h2>PNG.js browser demo</h2>
				<div id="buttons"></div>
				<canvas id="png-canvas"></canvas>

				<script>
				var files = ['ball.png',
				'chompy.png',
				'djay-indexed.png',
				'djay.png',
				'laptop.png',
				'loading.png',
				'spinfox.png',
				'trees.png']
				var buttonsEl = document.getElementById('buttons')
				buttonsEl.innerHTML = files.reduce((result, file) => {
				return result.concat(`<button data-file="${file}">${file}</button>`)
				}, '')
				buttonsEl.addEventListener('click', (e) => {
				var file = e.target.dataset.file
				if (!file) {
				return
				}
				PNG.load(`../images/${file}`, document.getElementById('png-canvas'))
				})
				</script>
				</body>

				</html>