PNGエンコーダ作ってみた

imaya

License: MIT License

Fork
1
Fav
2
View
4651
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 378 lines
  • HTML 45 lines
  • CSS 0 lines
toDataURL() では物足りないので、canvas から細かな設定ができる PNG エンコーダを作ってみました。
(まだ基本的な部分しか実装終わってませんが…。)

必須チャンクは概ね実装できています。逆に補助チャンクはまったくといっていいほどできてません。
Zlib(RFC1950) と Deflate(RFC1951) の実装も簡単にですが行いましたが、Deflate が非圧縮ブロックしか実装していないのでファイルサイズがとてつもなく大きくなっています。フィルタを掛けても圧縮しないので無意味です…。

開発は↓で行っています。
https://github.com/imaya/canvas2png

base64は "高度な JavaScript 技集" のものをお借りしています。
http://www.onicos.com/staff/iz/amuse/javascript/expert/
  • PNGエンコーダ作ってみた
  • zlib.deflate
  • canvas2png
  • PNGエンコーダ作ってみた

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by