タグ

svgに関するRockridgeのブックマーク (28)

  • SVG In OpenType: A New Approach To SVG Fonts

    Eyes Above The Waves Robert O'Callahan. Christian. Repatriate Kiwi. Hacker. Archive 2023 December Rees-Dart Track 2023 Caples/Routeburn Track 2023 Abel Tasman Kayaking November Mount Pirongia 2023 Blog Migrated April Why I Signed The "Pause" Letter Auckland Waterfront Half Marathon 2023 2022 December Travers-Sabine Circuit 2022 Paparoa Track September Aotea Track 2022 Success, Privilege And God Ju

    Rockridge
    Rockridge 2013/02/04
    OpenTypeフォントの文字イメージをSVGで操作できる仕組みがFirefox 18に導入されている。利用の前にabout:configでgfx.font_rendering.opentype_svg.enabledを有効にしておく。参照:https://bugzilla.mozilla.org/show_bug.cgi?id=719286
  • The mask-type property ∙ Cameron McCormack

    29 December 2012 TL;DR: The mask-type property is now available in Firefox Nightly. Here is a simple use of an SVG mask: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 341" width="512" height="341"> <defs> <mask id="m"> <circle cx="256" cy="200" r="150"/> </mask> </defs> <g mask="url(#m)"> <image width="512" height="341.5" xlink:href="http://far

    Rockridge
    Rockridge 2013/01/20
    Fx20:SVGのmask-typeプロパティが実装された。参照:https://bugzilla.mozilla.org/show_bug.cgi?id=793617
  • The paint-order property ∙ Cameron McCormack

    15 January 2013 In SVG 1.1, every shape and text element has its components painted in the same order: fill, then stroke and finally any markers. In some situations, authors want these to be painted in a different order. The usual workaround to achieve this is to duplicate the element, and have say a stroke but no fill set on the first and vice versa on the second. SVG 2 adds a simple property tha

    Rockridge
    Rockridge 2013/01/20
    Fx21:SVGのpaint-orderプロパティをサポート。ただし利用の前にsvg.paint-order.enabledをtrueに変更する必要がある。参照:https://developer.mozilla.org/en-US/docs/SVG/Attribute/paint-order
  • 才色兼備なグラフィックス SVG が魅せる Web の未来

    SVG が魅せる Web の未来 Firefox Developers Conference 2012, Osaka Brian Birtles 皆さま、こんにちは。Mozilla Japanのブライアンと申します。 今日は「才色兼備なグラフィックス」というテーマで話させていただきたいですが 最初に短い自己紹介をさせていただきます。 今日のテーマと打って変わって、私は才色兼備ではもちろんなくて、 グラフィックスについて話すくせに、デザイナーでもありません。 実は高校のとき、デザイナーになりたかったんですが、センスがなくてあきらめました。 それから、ウェブ開発もあちこちやりましたが、それも以外に難しかったです。 でも、私が悪いと思わなくて、ウェブが悪いと思いましたので、 ウェブを改善するため、2004年にボランティアとしてFirefoxの開発に参加し始めました。 今はMozilla J

    Rockridge
    Rockridge 2012/10/08
    SVGの魅力をうまく表現した良スライド。多彩なアニメーションが可能でマルチデバイスにも対応できるなど、SVGのポテンシャルの高さが伝わってくる。
  • SVGのファビコン

    Chrome 17と19では無視される。Content-Typeの問題かと思ったけど修正してもダメだったのでそういう話でもないようだ。Internet Explorer 9の挙動が怪しい。404だったらドメイン・ルートを見に行くようになってる模様。Opera 11と12では対応自体はしているのだけど、リサイズがうまくされないのであまり意味がない(キャンバスを16x16にすればいけるのかもしれないけどそれもアレ)。ということでまともに表示できるのはFirefoxのみということのようだ。 Internet Explorer10 PP4でも確認したんだけど、そもそもfavicon表示するGUIスペースがなかった……。 最近は高解像度のアイコンも含めたfavicon (だいたいのブラウザーで対応されている)を利用してるWebサイトも稀に見かけるけど、サイズでかくなりがちだしそもそも作るの面倒だし、

    SVGのファビコン
    Rockridge
    Rockridge 2012/02/16
    Firefox 4以降で本記事のようにSVGファビコンが表示できるようになっているものの、実装が不十分なため該当バグは修正済みになっていない。参照:https://bugzilla.mozilla.org/show_bug.cgi?id=366324#c14
  • Overview of pdf.js guts < Chris Pitchin' Hey

    Andreas posted a general overview of pdf.js. I’d like to briefly cover some more-technical parts of the renderer. pdf.js (currently) parses raw arrays of bytes into streams of PDF “bytecode”, compiles the bytecode into JavaScript programs, then executes the programs. (Yes, it’s a sort of PDF JIT . The side effect of those programs is to draw on an HTML5 <canvas>. The commands in the bytecode inclu

    Rockridge
    Rockridge 2011/06/18
    pdj.jsはPDFのバイトコードをJavaScriptに変換してから実行する。表示は、速度を重視してcanvas要素を使うが、ユーザーの操作性などに優れるSVGに舵を切る雰囲気。というより、FirefoxのSVG機能に対する救済措置か?
  • pdf.js: Rendering PDF with HTML5 and JavaScript

    Andreas Gal Entrepreneur. Technologist. Former CTO Mozilla, CEO Silk Labs. Now  Update: I updated the links again. pdf.js has moved to a new location on github. Why? While traveling to the Firefox 4 launch parties in Seoul and Taipei all the way from California, we killed a lot of time by brainstorming cool things to do with the web platform. Like many before us, we were wondering why nobody had

    pdf.js: Rendering PDF with HTML5 and JavaScript
    Rockridge
    Rockridge 2011/06/18
    プラグインを本体に取り込んだChromeに対するMozillaからの回答。HTML5、JavaScript、SVGといったオープンな技術を駆使してPDFをレンダリングする。技術が熟成すればFirefoxに統合されるが、まずは拡張機能で提供されるという。
  • can I use... Support tables for HTML5, CSS3, etc

    Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and

    Rockridge
    Rockridge 2011/05/07
    HTML5、CSS3、SVGなどが各Webブラウザでどの程度サポートされているか。末尾のサマリーが興味深い。