path現在点から指定点(x y)まで曲線を引く。x1 y1は、現在点(開始点)の制御点。x2 y2は、指定点(終点)の制御点。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
【レビュー】Opera、SVGを高速化するバッファ機能 | エンタープライズ | マイコミジャーナル
Opera’s newest Web browser introduces a new technology platform, Opera Unite, allowing you to stream music or share files, photos and more, right from the browser. Opera's Developer Relations Team - Buffered rendering in SVGにおいて、最近のOperaに追加された新しいSVG機能が紹介されている。SVGのレンダリングパフォーマンスを向上させることができる機能で、SVGコンテンツを制作しているWebデザイナやWebデベロッパは注目しておきたい内容になっている。 Operaは最近の実装でSVGプロパティbuffered-renderingを追加した。どの程度の頻度で要素が更新
たのしいXML: SVG
たけち: まずは日本語テキストを表示させてみようね。どうすればいいと思う? さらら: えぇ。日本語のフォントを指定すればいいのかしら? たけち: そうそう。次のようにすればいいんだよ。サンプルのリストも載せておこうね。 ?xml version="1.0" standalone="yes" ?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> <svg width="400" height="350" xmlns="http://www.w3.org/2000/svg"> <desc>text element</desc> <desc>Example text02 - 'Hello' in blue</desc> <
SVG in HTML (not XHTML, plug-in-less) - SIE
Hello, world! Source <html> <head> <title>SVG in HTML (not XHTML, plug-in-less) - SIE</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script defer="defer" type="text/javascript" src="sie.js"></script> </head> <body> <script type="text/javascript" src="svginhtml.js"></script> <h1>SVG in HTML (not XHTML, plug-in-less) - SIE</h1> <svg width="200" height="300"> <a href="ht
SVG Basics Tutorials - feOffset Filter Effect
Drop shadows are specifically mentioned in the w3c spec with the feOffset effect. The idea is to take an image and move it a little bit in the xy plane. If you want a drop shadow, you'll also want to make the shadow image black and fuzzy. To get started, here's an example where we offset some rectangles then blend the originals on top of the offset image. Note that the filter size is increased usi
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Opera News
Opera for iOS Introducing Opera One for iOS: a fresh take on mobile browsing August 14th, 2024 We're excited to announce the launch of Opera One for iOS, our redesigned, AI-powered browser for iPhone. Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gateke
Operaで丸角を実現するCSSを試してみた (解決) - by edvakf in hatena
角丸にするためにライブラリを作ってみる | ヨモツネット ↑こういう記事を見つけたので、前に見た丸角CSSを試してみた。 Rounded corners in SVG: making not all corners round - Browsers - by lugansk 要は、OperaにはFirefoxやSafariのようなCSSのborder-radiusがないので、丸角なSVG画像を作ってそれを設置するという方法。 まずborder.svgというファイルをこんな感じで作り、 <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100%" height="100%" rx="2em" ry="2em" fill="#E4F2FD" stroke="#ddddd
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
画像をＳＶＧで書くには
Webページ作成でのグラフィックデータは従来ビットマップデータ（ラスターデータ）でしたが、これをベクターデータでしかもWebブラウザで表示する為の規格ということで W3C によって標準化が進められ、2001年9月5日に勧告「Scalable Vector Graphics (SVG)」発表されたものが SVG です。SVGは XML によって記述されるマークアップ言語でOSのプラットフォームに依存しません。従来印刷物などの校正用データは、メールに添付することが多かったと思いますが、たとえば、イラストレーターのデータは双方のパソコンに入っていなければメールで受け取っても見ることが出来ません。そこで、pdfなどに変換して添付すればイラストレーターが無くとも adobe readerで見ることは出来ます。しかし、PDFを古いイラストレーター（バージョン９以下）などでは、正しく表示されない場合があ
優先度4（アニメーションができる）-SVG学習辞典
図を動かせるようなアニメーション関連の要素を解説する。 アニメーションに関する注意点について <animate>（汎用のアニメーション） <set>（セット） <animateTranform>（変型するアニメ） <animateColor>（色が変化するアニメ） <animateMotion>（線に沿って動くモーションアニメ） アニメ補間ーアニメ中に、スピードを変えられる属性について（キーフレームの設定） SMIL Animation(W3Cの勧告 http://www.w3.org/TR/smil-animation/） HTML+TIME2.0（Microsoft（1.0はIE5.0以上、2.0はIE6.0以上）の独自規格だが、この達成度3の要素を使うことが可能） アニメーションに関する注意点について SVGではSMIL（同期マルチメディア統合言語）を応用、もしくは流用してアニメーシ
userChrome.js を使って SVG ZoomAndPan - hogehoge @teramako
FirefoxにはSVGのズームやパンが実装されていない。 拡張機能ではthe firefox zoom and pan extensionがあるが、この拡張機能は読み込んだデータのContent-Typeがimage/svg+xmlだったら動くと言うもの。XHTML等のXMLアプリケーションとしてSVGが仕込まれていた時は機能しないのだ。 そこが不満だったので作ってみた*1。拡張にするにはちょっとアレな実装なのでuserChrome.js*2に登録。 機能 複数の埋め込まれたSVGに対応している。 Zoom Alt + スクロールすることで拡大・縮小が可能。約1.5倍ずつ拡大・縮小される。 Pan Ctrl + ドラッグでパンとなる。 元に戻す Ctrl + Shift+クリック(マウスダウン)で元に戻る やっていること tabbrowser(id:content)からマウスダウンとスク
http://www.samurai-logic.com/svg/2008/07/chapter-9-5-svg-canvas-matrix.html
See related links to what you are looking for.
Mosaic、アルバム、参考リンク - FAX
photos.svgこういう雑然と並ぶインターフェースあるなぁ。Flashとか。タッチスクリーンとかのデバイスじゃないと本当に楽しくはないんじゃないかしら。でも、触って楽しい。 Rodney Smith - Portfolio写真家さんのポートフォリオ。マウスオーバーで拡大画像がピコピコでる。Lightboxとか使ってるへっぽこいサイトに比べるとかなりいい。ポイントは、マウスカーソルの反対の辺に拡大画像が出るところ。なんでかというと、これからポイントするサムネイルが見えなくなってしまわないように。でも、ポイントする場所と、出てくる画像が離れてしまっていて、実は左右の視線の移動量が多く、本当に見たい拡大画像に意識が集中できない。かたっぽでお手玉しながらラーメン食べるようなもん。そういうことに気がついた。Mosaicでは、拡大画像がマウスカーソルの邪魔にならないようにくっついていくことで、視線
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using filters in SVG
優先度2.5（対応に不安なもの）-SVG学習辞典
http://www.asahi-net.or.jp/~uf4k-nkjm/SVG/contents/content5.html
Document Structure - SVG 1.1 - 20030114
svgに画像を埋め込み