【Flutter】SVG画像が黒くなってしまうことの対処法
この記事は、【 可茂IT塾 Advent Calendar 2021 】の6日目の記事です。 FultterでSVG画像を表示した際に黒潰れになってしまうことがあります。 原因と対処法を紹介します。 VersionFlutter 2.5.2 Dart 2.14.3 flutter_svg: ^1.0.0原因使用したSVGにstyleタグが含まれているから。flutter_svgパッケージはstyleタグに対応していないらしいです。 twitter_logo_blue.svg<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Logo"
iOSアプリ開発日誌：ベクター化（SVG化）したドラえもん
iPad向けに開発中のベクター・エディター、 ようやく形になってきたので、実際の用途の使えるかどうかのテストの意味で、まずは「ドラえもん」を習作してみた。 この場合、あまり複雑なカーブはないので、ほとんどは円と線を適当に変形させながら、順番に重ねて行くだけのこと。顔と体はあっというまに書けた。 苦労したのは、首に巻き付いている鈴の紐。ただでさえ、二つのカーブを並行に並べるのは難しい上に、それがあごのカーブとも重なっているので妙に時間がかかってしまった。１００％満足できるものではないが、習作としては十分だろう。 ちなみに、これを作る過程でも、いくつかの些細な不具合が見つかったので、それを修正しているところである。 考えてみると、MS Paintに代表されるビットマップエディタは広く使われているものの、ベクターエディターというのはあまり一般には使われていないというのが現状である。パソコンでは、
IE9の登場で画像フォーマットの本命に浮上するSVG
3月中旬、米国ラスベガスで開催されたマイクロソフトの技術カンファレンス「MIX10」でInternet Explorer（IE）の次期バージョンIE9の概要が発表された。そこで、JavaScript実行速度の向上など、IE9における様々な強化点が発表された（関連記事）。中でも、筆者が関心を持ったのはHTML5への対応で、特にSVGの標準サポートを正式表明した点に興味を覚えた。 SVGとはScalable Vector Graphicsの略で、画像を扱うためのフォーマット形式である。JPEGやGIFなどと同じようなものと考えればよい。ただし、JPEGやGIFがラスター方式と呼ばれる画像を細かいドットで表す方式を使っているのに対し、SVGはベクター形式と呼ばれる画像を構成する線の位置や関係といった情報で表す方式を使っている点が異なる。ベクター方式を使うことで、画像サイズが携帯電話のような小さな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
