2017-07-08 05:52:35 +00:00
|
|
|
using System;
|
|
|
|
|
2017-06-20 04:30:58 +00:00
|
|
|
namespace Ooui
|
|
|
|
{
|
|
|
|
public class CanvasRenderingContext2D : EventTarget
|
|
|
|
{
|
2017-06-20 04:55:20 +00:00
|
|
|
object fillStyle = "#000";
|
|
|
|
public object FillStyle {
|
|
|
|
get => fillStyle;
|
|
|
|
set => SetProperty (ref fillStyle, value, "fillStyle");
|
|
|
|
}
|
|
|
|
|
|
|
|
double fontSize = 10;
|
|
|
|
public double FontSize {
|
|
|
|
get => fontSize;
|
|
|
|
set {
|
|
|
|
if (fontSize != value) {
|
|
|
|
fontSize = value;
|
|
|
|
SetProperty (ref font, GetFont (), "font", "Font");
|
|
|
|
OnPropertyChanged ("FontSize");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2017-07-08 05:52:35 +00:00
|
|
|
|
2017-06-20 04:55:20 +00:00
|
|
|
string fontFamily = "sans-serif";
|
|
|
|
public string FontFamily {
|
|
|
|
get => fontFamily;
|
|
|
|
set {
|
|
|
|
if (fontFamily != value) {
|
|
|
|
fontFamily = value ?? "sans-serif";
|
|
|
|
SetProperty (ref font, GetFont (), "font", "Font");
|
|
|
|
OnPropertyChanged ("FontFamily");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
string font = "10px sans-serif";
|
|
|
|
public string Font => font;
|
|
|
|
string GetFont ()
|
|
|
|
{
|
|
|
|
var size = FontSize.ToString (System.Globalization.CultureInfo.InvariantCulture);
|
|
|
|
return $"{size}px {FontFamily}";
|
|
|
|
}
|
|
|
|
|
|
|
|
double globalAlpha = 1;
|
|
|
|
public double GlobalAlpha {
|
|
|
|
get => globalAlpha;
|
|
|
|
set => SetProperty (ref globalAlpha, value, "globalAlpha");
|
|
|
|
}
|
|
|
|
|
|
|
|
LineCap lineCap = LineCap.Butt;
|
|
|
|
public LineCap LineCap {
|
|
|
|
get => lineCap;
|
|
|
|
set => SetProperty (ref lineCap, value, "lineCap");
|
|
|
|
}
|
|
|
|
|
|
|
|
LineJoin lineJoin = LineJoin.Miter;
|
|
|
|
public LineJoin LineJoin {
|
|
|
|
get => lineJoin;
|
|
|
|
set => SetProperty (ref lineJoin, value, "lineJoin");
|
|
|
|
}
|
|
|
|
|
|
|
|
double lineWidth = 1;
|
|
|
|
public double LineWidth {
|
|
|
|
get => lineWidth;
|
|
|
|
set => SetProperty (ref lineWidth, value, "lineWidth");
|
|
|
|
}
|
|
|
|
|
|
|
|
object strokeStyle = "#000";
|
|
|
|
public object StrokeStyle {
|
|
|
|
get => strokeStyle;
|
|
|
|
set => SetProperty (ref strokeStyle, value, "strokeStyle");
|
|
|
|
}
|
|
|
|
|
2017-06-20 04:30:58 +00:00
|
|
|
public CanvasRenderingContext2D ()
|
|
|
|
: base ("#canvasRenderingContext2D")
|
|
|
|
{
|
2017-06-20 04:58:06 +00:00
|
|
|
UpdateStateMessages (ms => ms.Clear ());
|
2017-06-20 04:30:58 +00:00
|
|
|
}
|
2017-07-08 05:52:35 +00:00
|
|
|
|
|
|
|
// https://www.w3.org/TR/2dcontext/#canvaspathmethods
|
|
|
|
|
|
|
|
public void Save ()
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("save");
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void Restore ()
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("restore");
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void ClearRect (double x, double y, double w, double h)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("clearRect", x, y, w, h);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void FillRect (double x, double y, double w, double h)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("fillRect", x, y, w, h);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void StrokeRect (double x, double y, double w, double h)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("strokeRect", x, y, w, h);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void BeginPath ()
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("beginPath");
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void ClosePath ()
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("closePath");
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void MoveTo (double x, double y)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("moveTo", x, y);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void LineTo (double x, double y)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("lineTo", x, y);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void QuadraticCurveTo (double cpx, double cpy, double x, double y)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("quadraticCurveTo", cpx, cpy, x, y);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void BezierCurveTo (double cp1x, double cp1y, double cp2x, double cp2y, double x, double y)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("bezierCurveTo", cp1x, cp1y, cp2x, cp2y, x, y);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void ArcTo (double x1, double y1, double x2, double y2, double radius)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("arcTo", x1, y1, x2, y2, radius);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void Rect (double x, double y, double w, double h)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("rect", x, y, w, h);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void Arc (double x, double y, double radius, double startAngle, double endAngle, bool counterclockwise)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("arc", x, y, radius, startAngle, endAngle, counterclockwise);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void Fill ()
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("fill");
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void Stroke ()
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("stroke");
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void Clip ()
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("clip");
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void FillText (string text, double x, double y, double? maxWidth)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("fillText", text, x, y, maxWidth);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
public void StrokeText (string text, double x, double y, double? maxWidth)
|
|
|
|
{
|
2017-12-10 22:21:49 +00:00
|
|
|
Call ("strokeText", text, x, y, maxWidth);
|
2017-07-08 05:52:35 +00:00
|
|
|
}
|
2017-06-20 04:30:58 +00:00
|
|
|
}
|
2017-06-20 04:55:20 +00:00
|
|
|
|
|
|
|
public enum LineCap
|
|
|
|
{
|
|
|
|
Butt,
|
|
|
|
Round,
|
|
|
|
Square
|
|
|
|
}
|
|
|
|
|
|
|
|
public enum LineJoin
|
|
|
|
{
|
|
|
|
Bevel,
|
|
|
|
Round,
|
|
|
|
Miter
|
|
|
|
}
|
2017-06-20 04:30:58 +00:00
|
|
|
}
|