「SkiaSharpで日本語文字列を描画する」の版間の差分
編集の要約なし |
Administrator (トーク | 投稿記録) 編集の要約なし |
||
| 2行目: | 2行目: | ||
フォント関連のクラス名は「SKTypeface」でありFont云々という名称ではないため探すのに一苦労するかもしれない。以下は[[Xamarin.Mac]]での例。 | フォント関連のクラス名は「SKTypeface」でありFont云々という名称ではないため探すのに一苦労するかもしれない。以下は[[Xamarin.Mac]]での例。 | ||
<source lang="csharp"> | <source lang="csharp"> | ||
var paint = new SKPaint(); | |||
paint.Typeface = SKTypeface.FromFile(Path.Combine(NSBundle.MainBundle.BundlePath, "Contents", "Resources", "ipag.ttf")); | |||
</source> | </source> | ||
| 11行目: | 11行目: | ||
== 実装例 == | == 実装例 == | ||
<source lang="csharp"> | <source lang="csharp"> | ||
// まず描画先のキャンバスを作る | |||
SKBitmap bitmap = new SKBitmap(512, 512, isOpaque: false); | |||
SKCanvas canvas = new SKCanvas(bitmap); | |||
// キャンバスを白く塗りつぶす | |||
canvas.Clear(SKColors.White); | |||
var paint = new SKPaint(); | |||
// フォントを明示的に設定する(日本語の描画時は必須) | |||
paint.Typeface = SKTypeface.FromFile(Path.Combine(NSBundle.MainBundle.BundlePath, "Contents", "Resources", "ipag.ttf")); | |||
paint.TextSize = 64; | |||
paint.Color = SKColors.Red; | |||
// 文字列を描画 | |||
// 描画位置の指定は「ベースライン」な点に注意すること | |||
var text = "日本語"; | |||
var location = new SKPoint(100, 500); | |||
var width = paint.MeasureText("日本語"); | |||
// 文字列を描画 | |||
canvas.DrawText(text, location.X, location.Y, paint); | |||
// 文字列を囲う四角形を描画 | |||
var rect = new SKRect( | |||
location.X, | |||
location.Y + paint.FontMetrics.Descent, | |||
location.X + width, | |||
location.Y + paint.FontMetrics.Ascent | |||
); | |||
paint.Style = SKPaintStyle.Stroke; | |||
paint.StrokeWidth = 1; | |||
canvas.DrawRect(rect, paint); | |||
canvas.Flush(); | |||
// おまけ:キャンバスをファイルに保存 | |||
using (var image = SKImage.FromBitmap(bitmap)) | |||
using (var file = File.Create("/tmp/test.png")) | |||
{ | |||
var data = image.Encode(SKEncodedImageFormat.Png, 100); | |||
data.SaveTo(file); | |||
} | |||
</source> | </source> | ||