角を丸めたFabricJSキャンバス

角を丸めたFabricJSキャンバスを作成する方法は？私は内部のオブジェクトではなく、キャンバス自体でこれを行うようにしています。角を丸めたFabricJSキャンバス

2017-01-31 user5749747

は、あなたのcanvas要素にCSS border-radiusプロパティを使用します。

var canvas = new fabric.Canvas('my-canvas'); 

// bigger pixels for more rounded corners 
document.getElementById('my-canvas').style.borderRadius = '5px';

または、CSSスタイルシート内：

#my-canvas { 
    border-radius: 5px; 
}

出典

2017-02-01 02:39:15

感謝を！私はあなたが提案したことを試して、あなたのメソッドは、キャンバスの角を残しながら、それは丸い角を持つ別のキャンバスを作ります。四角形のエッジを削除する方法を知っていますか？ – user5749747

私はコードを例にすることを意図したものであり、コードにドロップする必要はありません。 'fabric.Canvas'に渡される引数は、作成された'

もう一度コードをチェックして2倍になりました。私はガイドとしてあなたのコードを使用していたと私は簡単なステップを逃したいくつか。あなたの助けをもう一度ありがとう。 – user5749747

角を丸めたFabricJSキャンバス

答えて

関連する問題