プログラミング

Canvas に回転した画像を表示するサンプルページを作りました

投稿日:2017年7月31日 更新日:

Canvas に回転した画像を表示するサンプルページを作りました。

Canvas の標準の機能では用意されていない操作なので、自分でこの処理を書く場合は少々面倒な記述が必要になります。

1. スクリーンショット

スクリーンショット

2. デモページ

以下のURLで実際のページを見ることができます。

3. 内容

  • いろいろな角度に回転した画像を表示しています。
  • 回転した画像を Canvas に表示するコード例と、その解説を載せています。
  • 画像に “Ca” と書いてありますが、これは “Canvas” を意味しています。

4. ソースコード

5. 参考情報

📂-プログラミング

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

React Redux

React + Redux のチュートリアルをやってみた

目次1. はじめに2. Redux について2. Action と Action CreatorActionAction Creators関連ソースコードactions/index.jscontain …

no image

Riot.jsを使ってみた感想

Riot.js を使って、素数判定を行うページを作ってみた感想です。 ※ 以前は、ここにその素数判定を実装していたのですが、今はありません。 目次Riot.jsを使った感想良い点悪い点 Riot.js …

C言語のポインタを理解するためのお勧め書籍を紹介します

例え話をしないC言語のポインタの説明 | 右や左の旦那様 C言語のポインタについての記事が、はてなブックマークのトップページに載っていました。 私は業務・趣味のどちらにおいても C言語は使いません。し …

Web Programming

Puppeteer を使った画像遅延読み込みテストを試してみました

目次1. はじめに2. Puppeteer とは?3. テストするテスト1(問題ないページ)テスト2(問題があるページ)テスト3(問題があるページ)4. おわりに 1. はじめに Puppeteer …

docker

Docker を使って特定のバージョンのPHPコマンドを実行する方法

PHP: Supported Versions を見てみると、現在サポートされているPHPのバージョンは、7.2系統、7.1系統、7.0系統、5.6系統の4種類であることが分かります。PHP: Dow …