タグ

svgに関するshin0311のブックマーク (9)

  • SVGヤバイ - 最速チュパカブラ研究会

    canvas を苛めていたら気づいたことがあったので書きます。(この記事は2011年5月現在の情報です。あなたがこの記事を読んでいる時点で、より新しくて良い方法が無いか確認して下さい) 基的な話 canvas には、図形を描画する機能だけでなく、描かれている内容を読み取る機能があります。getImageData を使うと、canvas の内容をピクセル単位で読み取って画像処理をかけたりできます。また、toDataURL を使うと canvas の内容を Data URI として出力でき、サーバに送信したりできます。 しかし、この機能にはリスクがあります。例えば、悪意のあるページを開いただけで、社内SNSにしか公開していないあなたの顔写真を canvas 経由で抜き取られるかもしれません。そういう事が起きないように、他のサイトから読み込んだ画像が canvas に描画されている場合(以下、

    SVGヤバイ - 最速チュパカブラ研究会
  • An SVG Primer for Today's Browsers

    W3C Working Draft — September 2010 This version: http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html Latest version: http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html Previous version: http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html Editor: David Dailey, Slippery Rock University Copyright © 2010 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and d

  • SVG: スケーラブルベクターグラフィック | MDN

    SVG: スケーラブルベクターグラフィック チュートリアル Introducing SVG from scratch 概要 始めましょう 配置 基図形 パス 塗りつぶしとストローク SVG におけるグラデーション パターン テキスト 基的な座標変換 クリッピングとマスク SVG におけるその他のコンテンツ フィルター効果 SVG フォント SVG の image 要素 SVG のツール SVGCSS リファレンス 要素 <a><animate>animateMotion<animateTransform><circle><clipPath><cursor> 非推奨 <defs><desc><ellipse><feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLi

    SVG: スケーラブルベクターグラフィック | MDN
    shin0311
    shin0311 2010/07/13
  • 日記 | ヨモツネット

    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 意味なかったです多分。いまは HTMLSVG 混在でき

  • Documentation - Raphaël

    Complete documentation can be found on the Raphaël GitHub. This site is hosted by BlueHost. BlueHost provides a variety of WordPress hosting options. For a discount you can use the BlueHost coupon from Justhemes to get the lowest price of $2.75 per month. This promo price applies only to shared hosting, not to VPS or dedicated packages. The post Documentation appeared first on Raphaël.

  • Raphaël―JavaScript Library

    The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra

  • Love Vector Free | Floral

    “These vectors contain not only floral and foliage but also swirls, curls, twirls and other elements that you can use as additional ornaments to your artworks, projects or designs.” Click HERE for download page! Read More Here’s a great roundup of illustrations done by Designioustimes and hosted by Vectorious.net. Click here to visit the roundup page. Click here to download the illustration shown

  • 第1回 SVGの基礎知識 | gihyo.jp

    SVGは比較的古くからある仕様の1つですが、2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目が高まりました。そんな古くて新しいSVGを今から使える情報と、将来の展望を全4回の集中連載で解説します。 SVGとは SVGScalable Vector Graphics)は、XMLベースのベクターグラフィック言語もしくは画像フォーマットです。W3Cによってその仕様が定義されており、画像フォーマットとして用いる場合は拡張子.svgが使用され、MIME形式はimage/svg+xmlが用いられます。 SVGの現状 Firefox、Safari、Google Chrome、Operaなどのブラウザが既にサポートしており、Internet Explorerもそのバージョン9、具体的にはInternet Explorer 9: Platform

    第1回 SVGの基礎知識 | gihyo.jp
  • 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

    JavaScriptで3D - os0x.blog
  • 1