diff --git a/package.json b/package.json index 9700fff66..471f7e3b5 100644 --- a/package.json +++ b/package.json @@ -49,7 +49,7 @@ "react": "17.0.2", "react-dom": "17.0.2", "react-scripts": "4.0.3", - "roughjs": "4.4.3", + "roughjs": "4.4.4", "sass": "1.43.4", "socket.io-client": "2.3.1", "typescript": "4.4.4" diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts index a8ff9b3fa..e96435486 100644 --- a/src/renderer/renderElement.ts +++ b/src/renderer/renderElement.ts @@ -323,12 +323,13 @@ export const generateRoughOptions = ( roughness: element.roughness, stroke: element.strokeColor, preserveVertices: continuousPath, + // disable decimals to fix Skia rendering issues #4046 + fixedDecimalPlaceDigits: 0, }; switch (element.type) { case "rectangle": case "diamond": - case "image": case "ellipse": { options.fillStyle = element.fillStyle; options.fill = diff --git a/yarn.lock b/yarn.lock index 5fb710b1e..1097e02d2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12797,10 +12797,10 @@ rollup@^1.31.1: "@types/node" "*" acorn "^7.1.0" -roughjs@4.4.3: - version "4.4.3" - resolved "https://registry.yarnpkg.com/roughjs/-/roughjs-4.4.3.tgz#c6278e1bfe6e16bfd8470d8a835236a81df877f9" - integrity sha512-bfeqk/dWmQUkn6HHvKGJlENOSHxmPZ9pS33u9WtK8UeQRvqrJZ+2i7AgyOsUurEc9LqOLGHN2L6oUiaQxcdljg== +roughjs@4.4.4: + version "4.4.4" + resolved "https://registry.yarnpkg.com/roughjs/-/roughjs-4.4.4.tgz#880e2ef0cb195f0e7e3096f0a2d474121ae874fe" + integrity sha512-OXoPkOIoT1vlo+kvy6JZemRxRPkWM5spWUCU+c8JI6bca95tc1Z82SBABRHH+aTpvI+ZK3STGrmvire/f56wvQ== dependencies: path-data-parser "^0.1.0" points-on-curve "^0.2.0"