JavaScriptでcanvasに文字を描画する方法
前回の記事「ブラウザで画像ファイルを選択した時にプレビュー表示する方法」でHTML5で実装されたcanvasについて触れたので、ついでにcanvasで文字描画する例を紹介します。 いきなり完成品 はい、サンプルコードどん！ JavaScriptでcanvasに文字描画する例 <!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>canvasへの文字描画</title></head> <body onload="loadImage('preview');"> <p><canvas id="preview"></canvas></p> <p> <input type="text" id="canvas_text" value="我輩は犬である"> <button onclick="drawText('preview', 'canva
アイキャッチ画像・ロゴ作成のための6つの優秀な無料ツール / Maka-Veli .com
事情があって、プロのグラフィック・デザイナーを雇えない場合はありませんか。コストが問題であったり、時間に追われていたり…といったことが原因で。あるいは、デザインの才能はあるけれど、ITに弱いという人もいるかもしれませんね。こうしたことが身に覚えがある方には、ブログ用のシンプルな画像やウェブサイト用のロゴを簡単に速く作ることができる優秀な無料ツールがある、というのは嬉しい情報ではないかと思います。 以下の6つのツールはロガスターのおすすめです。 文字通り数分で、シンプルかつ綺麗な画像やロゴが、誰でも作れます！ 1. LiveLuvCreate LiveLuvCreateはほとんどの人が使いやすいと感じる画像作成サイトです。 LiveLuvCreateを使えば、一つの背景画像から複数画像のコラージュまで、様々な種類のデザインレイアウトから選ぶことができます。三つのテキストエリアでは沢山
7 of the Best Online Photo Editors - Vandelay Design
Photo via Envato Elements The best online photo editor makes it easy to turn your photos into amazing works of art — without installing any software on your computer. Whether you need to touch up a picture before posting it on social media or you want to create a stunning digital collage, these tools have you covered. But, with so many options available, it can be tough to figure out which one is
無料で超簡単に画像の背景を切り抜ける神ツール！Clipping Magicが凄かった
画像の切り抜き、面倒くさいですね。 Photoshopを持っている方なら色んな方法があるってもんですが、そうでない方はどうすればよいのでしょうか。そうです、「Clipping Magic」をつかえばいいのです！ そんなわけで、超簡単に画像の背景を切り抜ける神ツールClipping Magicのご紹介。 使い方 このClipping Magicはブラウザに画像をアップロードして、簡単操作で背景を切り抜くことができると言うツールです。（ブラウザはGoogle ChromeかFirefoxをお使い下さい） まずはClipping Magicにアクセスして、写真をブラウザ上へドロップ。画像をアップロードします。 写真をアップロードしたところ。左が作業スペース、右がプレビュー画面となります。いい写真ですね。 ツールはこんな感じ。 使い方は非常に簡単。このように切り出したい部分を緑色のツールでザックリ
TOKI WOKI. Shrink O’Matic
Version history (feed) 2.0.3 - Current Fixed a bug where max width and height checkboxes where ignored, thanks to Ahni. 2.0.2 Improved scrolling on settings, minor visual tweaks, fixed watermark bug on OSX and Linux, added (back) the ability to drop images from the browser, fixed extension case sensibility. 2.0.0 Brand new and improved 2.0 app, re-written from scratch. 0.2.8 Intermediate version t
Webサイト高速化に必要な画像形式の基礎知識 (1/3)：CodeZine（コードジン）
はじめに こんにちは、クラスメソッド株式会社でWebを担当している野中です。前回はWebサイトの高速化を行うにあたり知っておきたい「HTTPの仕組み」について紹介しました。 HTTPの仕組みについて何となく理解できたでしょうか？ この連載で紹介していく高速化テクニックの解説を理解するために必要ですので、都合の良い時に読んでおいてください。 「いつ読むか？ 今でしょ！」なんてね（笑） もう古いですね。 対象者 この記事では、特にWebデザイナーを対象としています。 フロントエンドエンジニアの方はWebデザイナーから受け取ったPSD（Adobe Photoshop Data）ファイルや、AI（Adobe Illustrator Data）ファイルから画像を書き出すこともあると思うので、その際の参考にしてください。 Webデザイナー フロントエンドエンジニア Webディレクター Web担当者 ビ
プロ根性のあるデザイナーやブロガーにお勧めする4つの画像編集ソフト
素人とプロを分ける4つのソフトを紹介します 少しでも早く、少しでも的確に伝えたい。そんなプロ根性を支える、無料ソフトを紹介します。 「しょせんは無料ソフトでしょ？」とあなどる無かれ、プロのデザイナー御用達のPhotoshopでもできないことをやってのけます。 目次 PNG画像を劣化させること無くサイズを圧縮する「PNGGauntlet」 JPEG画像を劣化させること無くサイズを圧縮するソフト「carmine」 JPEG圧縮で劣化した画像を綺麗に直す「Jpeg Enhancer」 デジカメの高感度ノイズを除去する「Neat Image」 PNG画像を劣化させること無くサイズを圧縮する「PNGGauntlet」 WebでPNGを圧縮してくれるサービスは多々ありますが、ネットワーク経由のやり取りのため、利用者の多い時間帯にはレスポンスが悪く、エラーで処理できない場合もあります。 WordPres
Smore Newsletter Builder for Educators - Sign Up for Free
Smore helps foster connections between families and educators, improve attendance, and support student success.
スクリーンショット中心のブログ記事作成に超便利なクリップボードの画像自動保存ソフト「KoClip」
ブログでスクリーンショット入りの説明書やチュートリアルの作成に超便利なクリップボードの画像自動保存ソフト「KoClip」を使い始めました。このフリーソフトはWordPressやブログ編集ソフト「Windows Live Writer」と相性がいいようです。 まず、このソフトで可能なことは、起動後タスクバーに”はさみ”のようなアイコンが表示されますので、クリックして開始します。アイコンがチョキチョキ動きだします。 動画を例にしてみます。次々にスクリーンショットを撮影（キャプチャ）してゆきます。 フォルダにどんどんスクリーンショットが自動保存されていきますので、それをWindows Live Writerにまとめて貼り付けます。 こんな感じでブログ記事にスクリーンショットの連続画像を挿入できました。 WordPressのメディア挿入も一括でアップロード可能です。 ダウンロードはクリップボードの
簡単で便利すぎ！WEB制作を「楽」にする無料ツールまとめ
作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー
Discover CoolTweak, the right click revolutioning software
Pas trop lourd de traiter toutes vos photos ? CoolTweak est un logiciel gratuit qui redimensionne, ajoute des filigranes et partage vos photos en quelques secondes. Un clic droit suffit pour traiter tous vos fichiers. Qui es tu CoolTweak ? CoolTweak est un logiciel Windows gratuit très pratique qui apparait dans le menu du clic droit et vous simplifie grandement la vie. Beaucoup d'actions sont déj
ノンクリエイターでもプロっぽい写真を撮る方法 ズーム、露出補正、ホワイトバランスの3機能だけで変わります
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG-edit
Online image vectorizer
[ #画像編集]図解!!無料でAdobe Illustrator並の機能を持つInkscapeをInstallする手順 ｜ウェブシュフ
iPiccy Photo Editor is Awesome!
[ #画像編集]図解!!無料でAdobe Photoshop並の機能を持つGimpをInstallする手順 ｜ウェブシュフ
Create with PicMonkey's easy yet powerful photo editing and graphic design software
http://figurepool.com/editor
Add Watermark to Photos Online