CASE フードロス関連サイトの
Canvasアプリ

フードロス関連サイト内のコンテンツで、CanvasとJavaScriptを用いたカタログの表紙画像作成アプリケーションの開発を担当いたしました。Canvas内で背景画像、ロゴ画像、テキストのカラー/サイズ/ウェイト/シャドー等を任意に設定・配置した任意の画像をカタログの表紙画像として書き出し、APIとの連携でCanvasデータや書き出し画像をサーバーに保存・呼び出しをするという機能を実装しています。

• 参画時期
  2021年
• ページ数
  10画面
• 実装範囲
  • JavaScript開発
  • PCサイト
  • テンプレート作成
  • マッチングサイト
  • API連携
  • Webアプリケーション
  • HTML
  • CSS
  • JavaScript
  • Canvas
• デバイス
  • PC
• 対象環境
  • Microsoft Edge
  • Chrome
  • Firefox
  • Safari