8
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Canvasを画像に変えたい

Posted at

少し書きます

囲碁を実装する際に、碁盤や碁石の画像を作る必要がありました。それについて少し書きたいと思います。

まず、Saving canvas data to image fileを読みました。ここに期待できそうな記事がありましたが、碁盤や碁石の画像を用意することはむずかしそうでした。直線を手で引くことがむずかしかったからです。(英語だったので理解できていなかったかもしれません。。。)

しかし、「Canvasを画像に変えることはできる」ということがわかりました。

次に、HTML5のCanvasで作る、Flash不要のお絵かきツールを読みました。このサイトにはサンプルコードがあります。このサンプルコードを少し変更して自分の作りたい画像を作りました。作ったものはcreate-pictureにあります。

これから

形の違う画像を集めて、一枚の画像のように見せることを実装できないかと考えています。クリックして画像を変えてもよいと思いますが、どこかの画像をクリックすると、そのクリックをきっかけに一枚の画像のように見えていた画像全体が動き始めるというのもおもしろそうです。

8
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?