smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Support diamonds

Browse source
This commit is contained in:
Paulo Menezes 2020-01-05 20:28:59 -03:00
parent 3fe4ccd10e
commit f65a085253
1 changed files with 20 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/index.tsx
View file

@ -803,14 +803,19 @@ function generateDraw(element: ExcalidrawElement) {
],
{
stroke: element.strokeColor,
fill: element.backgroundColor
fill: element.backgroundColor,
fillStyle: element.fillStyle,
strokeWidth: element.strokeWidth,
roughness: element.roughness
}
);
});
element.draw = (rc, context, { scrollX, scrollY }) => {
context.globalAlpha = element.opacity / 100;
context.translate(element.x + scrollX, element.y + scrollY);
rc.draw(shape);
context.translate(-element.x - scrollX, -element.y - scrollY);
context.globalAlpha = 1;
};
} else if (element.type === "ellipse") {
const shape = withCustomMathRandom(element.seed, () =>
@ -1101,19 +1106,22 @@ function getSelectedIndices() {
const someElementIsSelected = () =>
elements.some(element => element.isSelected);
const someElementIsSelectedIsRectangleOrEllipse = () =>
elements.some(
element =>
element.isSelected &&
(element.type === "rectangle" || element.type === "ellipse")
);
const someElementIsSelectedIsRectangleOrEllipseOrArrow = () =>
const someElementIsSelectedIsRectangleOrEllipseOrDiamond = () =>
elements.some(
element =>
element.isSelected &&
(element.type === "rectangle" ||
element.type === "ellipse" ||
element.type === "diamond")
);
const someElementIsSelectedIsRectangleOrEllipseOrDiamondOrArrow = () =>
elements.some(
element =>
element.isSelected &&
(element.type === "rectangle" ||
element.type === "ellipse" ||
element.type === "diamond" ||
element.type === "arrow")
);
@ -1609,7 +1617,7 @@ class App extends React.Component<{}, AppState> {
</div>
</div>
{someElementIsSelectedIsRectangleOrEllipse() && (
{someElementIsSelectedIsRectangleOrEllipseOrDiamond() && (
<div className="panelColumn">
<h5>Shape Background Color</h5>
<div>
@ -1663,7 +1671,7 @@ class App extends React.Component<{}, AppState> {
)}
</>
{someElementIsSelectedIsRectangleOrEllipse() && (
{someElementIsSelectedIsRectangleOrEllipseOrDiamond() && (
<>
<h4>Fill</h4>
<div className="panelColumn">
@ -1741,7 +1749,7 @@ class App extends React.Component<{}, AppState> {
</>
)}
{someElementIsSelectedIsRectangleOrEllipseOrArrow() && (
{someElementIsSelectedIsRectangleOrEllipseOrDiamondOrArrow() && (
<>
<h4>Stroke width</h4>
<div className="panelColumn">