svg

SVGを使って画像ジェネレーター的なものを作ったよという話

この記事はTech KAYAC Advent Calendar 2020 10日目の記事です。 こんにちは。技術部新卒フロントエンドエンジニアの熊谷です。ふだんはNuxt.jsやTypeScriptを書いてWebサービスを開発しています。 今回は、業務内容からちょっと離れたフロントエンドについ…

svg / canvas出力ができるbodymovinの紹介

やっはろー(= ゚ω ゚)ノ 今年の3月、カヤックに中途入社した、 カヤックエンジニアの中で1番プログラムできないおじさんの町田(@machida-yousuke)と申します。 今回は、「映像業界?フロントエンド業界?が注目しているオープンソースライブラリ bodymovin…

SVG Girlの公開と内部実装

乗り換え以外で初めてアメリカ行きました。ago(@kyo_ago)です。 すでに先週のこととなってしまいましたが、jsdo.it上でSVG Girlというコンテンツを発表したのでご紹介させていただきます。 (現在IE9のリリースに合わせて英語版のみ公開しています。日本語…

canvasをバイト単位で修正する方法(ImageDataの使い方)

引っ越ししました。agoです。 思いっきりネタがかぶってますが、あまり気にせずcanvasネタを書いてみたいと思います。 今回はcanvasの中でもImageData関係をまとめて見ました。 ImageDataってなに? canvas内のバイト列を扱うためのObjectです。 canvas内の…

今更聞けないcanvasの基礎の基礎

はじめまして。新入りのnagataです。 入社式で自転車乗ってた野郎です。 先輩方から「ブログ、書いてね!」とのお達しがあったので、 日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。 ※各種サンプルはMac上のSafari4.05、Fir…