Resto Lidah Bahagia - Surga Kuliner Indonesia dengan Rasa yang Bikin NagihResto Lidah Bahagia Tempat terbaik untuk menikmati hidangan Indonesia yang kaya rasa! Dari rendang, soto, hingga sate siap memanjakan selera kamu.
SVGをテンプレートとして使う - Enjoy*Study
SVGはJavaScriptで操作できるので、テンプレートとしてSVGを用意しておいて(デザイン自体はInkscapeとか使って)、JavaScriptで後から編集ってのは、わりと使い道がありそうな気がします。 あとは、File API使って、BlobのURLを作成すれば、クライアントサイドだけで、編集→編集後のSVGを出力ってのも出来ます。 デモ SVGをDOMで操作して var svg = displayElement.getElementsByTagName('svg')[0]; svg.getElementById('nameField').textContent = inputNameElement.value; svg.getElementById('telField').textContent = inputTelElement.value; そのSVGをFile API使っ
Learn all about the Latest SEO News - 2 Step Media
SEO is a very difficult and constantly changing task and so learning all about the latest methods that actually work is a very wise move and that is where this site comes in as we have blog posts on all of the latest SEO developments. SEO has changed a huge amount in the last few years, it used to be so easy to rank a web site with low quality links and crappy content but now you need quality all
名前空間の速修講座 - SVG | MDN
SVGチュートリアルIntroducing SVG from scratch概要始めましょう配置基本図形パス塗りつぶしとストロークSVG におけるグラデーションパターンテキスト基本的な座標変換クリッピングとマスクSVG におけるその他のコンテンツフィルター効果SVG フォントSVG の image 要素SVG のツールSVG と CSSGuidesデータ型リンク名前空間の速修講座スクリプト処理SMIL による SVG アニメーション画像としての SVGHTML での SVG 効果SVG フィルターのチュートリアルHTML 内の SVG 入門リファレンス要素<a><animate><animateMotion><animateTransform><circle><clipPath><defs><desc><ellipse><feBlend><feColorMatrix><feComponen
SIE 1.0の公開 - プラグインレスでSVGを表示する「SIE」開発ブログ
正式版のSIE 1.0 2012年6月15日、正式版となるSIE 1.0が公開されました。これが安定版となります。これを使えば、IE6-8でSVGを表示できるようになります。 無償ダウンロード http://sourceforge.jp/projects/sie/downloads/56190/sie-10.zip/ 変更履歴 2012-6-15 version 1.0 (Commit: 1fa8e50cebea47fe2c7466bd0f2c694d22a57d3f) アニメーション関連の要素を使ったときの安定性を向上させた SVGMarkerElementの軽量化 チケット #28492 「tref要素での一文字目が表示されない」を修正 開発者用のグローバル変数のstlogを削除 marker要素の２番目に適用されないバグを修正 (beta fixed) text要素内のa要素が表示さ
【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺のグラフィック関連技術
HTML5による最新Webアプリ 2011年10月26日、品川グランドセントラルタワーのマイクロソフト品川本社にて、「第22回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「グラフィック関連API」。当日の様子をお伝えしよう。 Processing.jsってなんだ？ まず、ゼロベースの田中氏（@dotimpact）からプレゼンがスタートした。田中氏は美術大学で非常勤講師をしたり、Processingの入門書執筆なども手掛けている。 Processingとは 田中氏のプレゼンは、Processingの紹介から始まった。 田中氏の＠ITでのProcessingの記事「Processingの対話式スケッチプログラミングで遊ぼう」も参照いただきたい。 Processingは2001年、MITメディア
potraceをjavascriptに移植した - Webと文字
生存報告 （ ^ω^）とりあえず生きてます。 potraceとは potraceとはラスター画像からSVG等のベクター画像を作成するソフトです。無料で使えてソースも公開されているオープンソースなソフトです（参考資料１）。元はCで書かれていますが、python、ActionScript、C#に移植されていたりします。 だから何ができるの？ 左が元のビットマップ画像、右がそれをpotraceでトレースした画像 C→javascript(´・ω・`)、ActionScript→JavaScript(ﾟ∀ﾟ) ActionScriptとJavaScriptは兄弟みたいなものなので移植はとっても簡単です。今回は参考資料２をパクって参考にしてjavascriptに移植してみました。 処理フロー imgタグで画像を読み込み 画像をcanvasに転写 画像をグレースケールに変換 画像を二値化 画像の輪郭の
はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた - jsdo.it - Share JavaScript, HTML5 and CSS
Inkscapeで描いたpath要素をRaphaëlを使ってアニメーションさせています。 まるで成長していない・・・・・・・・・・ はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた jQuery UI v1.8.1 Raphael 1.4.3 - JavaScript Vector Library jQuery v1.6 (function($) { /** * MorphingImage class */ MorphingImage = function(name, data) { this.name = name this.data = data || [] } MorphingImage.prototype = { addData: function(pathName, pathData) { if(typeof pathData !== "object" || $
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
HTML5で注目！インラインSVGの使い方 (1/5)
HTML5ではビットマップ画像を手軽に扱える「Canvas」が話題ですが、「SVG」も画像関連で注目したい新技術です。HTML5ではInline SVG（インラインSVG）がサポートされ、HTML内にSVGを直接記述できるようになるのです。 今回のJavaScriptラボは、Firefox 4、Google Chrome 7、Internet Explorer 9を対象に、インラインSVGの使い方とJavaScriptによる制御方法について解説します。全部で3回に分けて、最終的には簡単なシューティングゲームを作成します。 SVGとは？ SVG（Scalable Vector Graphics）は、名前のとおりベクター形式の画像フォーマットです。ベクター形式とは、点と点で結ばれた線で図形を表す方法で、アプリケーションでいえばIllustratorがベクター形式を採用しています（Photosh
Embedding SVG Examples
Above are various methods of embedding SVG in an HTML page (by reference, not inline). The <object>, <iframe>, and <embed> elements all have essentially the same effect: they establish a new browsing context, with its own DOM and scripting context, and interactivity and declarative animation work as defined in the SVG file. The <img> element displays the SVG, and declarative animation runs, but fo
JavaScriptで3D - os0x.blog
id:wanparkさんが(3年前に)書かれたchannel3というFlash用3DグラフィックライブラリをJavaScriptにポーティングしてみました。IEは未対応です(たぶんそのうち)。 channel3JS - ss-o.net この前のCanvasでDot3Dが結構余裕だったので、もうちょっと本格的な(だけどライブラリとして大きすぎないような)のをポートしたくなったところにchannel3のことを思い出して、突貫でやってみました(コメントアウトいっぱいでソースは綺麗じゃないです)。 SVGとCanvas両対応です。なぜかというとパフォーマンスを比べたかった(SVGのほうが良い)のと、テクスチャやるにはCanvasが必要になりそうだから。 実はSVGほぼ初めて触ったんですが、面白いので後でまとめようと思います。 ソースは os0x / channel3JS / source — B
ハタさんのブログ(復刻版) : SVG で横書きの文字のまま、タテに表示
前回の続きです 横書きに表示されている文字をタテに表示するというのを挑戦してます。 今回は SVG を利用しているので、ほぼ全てが座標で表現されます。 こんな感じ↓ ブラウザで座標を考える場合 (0, 0) が左上になり、それよりも外側はブラウザの表示の外になります。 そこで、「美しい日本語」という文字列を (0, 0) からレンダリングするとこんな感じになります。 単純に考えれば、この文字列を 90° 垂直に回転 させれば、タテに表示されそうですがそうもいきません。 文字列を (0, 0) にレンダリングしてしまったので、そのまま回転させてしまうと、画面の外に出てしまいます。 ちなみに、SVG の回転は transform(rotate) を使うんですが、rotateの引数に rotate(rangle, cx, cy) と X座標(cx) と Y座標(cy) の回転位置を
Table of Contents
How to View This Slideshow This presentation is written entirely in SVG, HTML, CSS, and Javascript. Each slide is a standalone mini-webapp, and they are bound together and ordered by a master list in a Javascript file referenced by each slide. Some slides are traditional, with lists of bullet points, while other slides are interactive Web applications that demonstrate the technology or use case be
Firefox & HTML5
This document appears to be the slides for a presentation given by Tomoya Asai on Firefox and HTML5 at the OSC 2010 Tokyo/Spring conference. It includes links to examples and resources related to new and emerging HTML5 features in Firefox such as CSS gradients, geolocation, device orientation detection, WebGL, JSON, and autobuffering video. The slides provide examples of how these features can be
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://raphaeljs.com/jsconfeu/
SVG＆CSS＆Audio Data API ～ ウェブの最新技術が魅せる「Firefoxの灯」（3）
d3.js - Data-Driven Documents
Loading...
hitodenize.user.js
