Question

我想要的只是让对话框中的画布成为一个完美的正方形。由于某种原因，它保持渲染高度而不是宽度。

以下是我的代码的最小版本，可以复制问题。至少在Firefox和Chrome中。

public class Model:INotifyPropertyChanged
{
    public Uri ImageSource{get;set;}
    public double _gridWidth;
    public double GridWidth
    {
        get { return _gridWidth; }
        set {
            _gridWidth = value;
            RaisePropertyChanged();
        }
    }

    public void RaisePropertyChanged([CallerMemberName]string name="")
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(name));
        }

    }
    public event PropertyChangedEventHandler PropertyChanged;
}

这是---＆gt; jsFiddle

如何使画布（带黑色边框）成为正方形？

Answer 1

不使用jQuery.width()和jQuery.height()方法，而是使用width的{{1}}和height属性，因为HTMLElement元素不考虑{{ 1}}属性。

Canvas

无法在jQuery UI对话框中制作方形画布

1 个答案:

Fiddle Demo