2019年12月3日(火)
LEGO®ライクなグラフィックを描ける軽量なJavaScriptライブラリ・「Legra」
Legra
LegraはLEGO®ぽいグラフィックを手軽に描ける軽量なJSライブラリです。Legraは「Lego® brick Graphics」を略したものだそうですcanvasにLEGO®を並べたようなグラフィックで色なども自由に描くことが出来ます
試しに使ってみました
使ってみる
See the Pen oNgNeag by kachibito
(@kachibito) on CodePen.
英語だと大変そうだったのでカタカナで「かちびと」と書いてみました。描き方は線画や四角、パス、サークル、ポリゴン、ペジェなど自由度も高く、細かい描写も可能のようです
サンプルではパスを使ってます。基本的には座標と色などを指定するシンプルなものになります
import Legra from 'https://unp...
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
知っておくと役立つ!CSSの疑似要素:beforeと:afterを使用したUI要素を実装するテクニックのまとめ
NEXT ›
【成功のカギ5つ】会話型AIであなたのソーシャルメディアを向上させる!
関連記事
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『LEGO®ライクなグラフィックを描ける軽量なJavaScriptライブラリ・「Legra」』についてまとめています。
この記事は特にLINEについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。