diegomura / diegomura/react-pdf

Under the View dynamic render the Svg element scaling will not working

Open
#1,752 1 comment 2 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
16.8k
Forks
1.3k
Avg merge
5h 6m
Merged PRs (30d)
52

Description

**Describe the bug**
If the `Svg` is rendered under the render prop of the View element, then the scaling of the `Svg` will not working.

**To Reproduce**
See: [react-pdf REPL](https://react-pdf.org/repl?code=3187b0760ce02e004d09e01b02984605e18194a4e5600b6592803a6002764043299002806f00a06180076a0736402e191876a004d8404b305df8036000c3002f801a660a025006e66cd424580054c4f0a1863d351801f19d63000f003531c803badb654c30e415d23735602ee6c30545000ae14603621b1f658006e5c70b8287e822e62c2500432b2b24a304446045079f20a0a30de0046e15c96c171f600e28dcdcd76000a2088f05ce04d1d6c0066628888e8004400c423004cc0c0009ccb5343c3ec20125010d330d2cb4a008c001c30a7f34ae7ab4a00cc30c7674a00ac8f772f27f38f002c47f3c7478bda42707b1da49f65a3c00ecd0d063d4e77253cdce67028bde4e09f9299680e38bd3ec75934281d8a78fc81c72f9e27e54e3bcc49c73b91c99d22067de6b2367e2e1f3179e3e620bb8fdbe4ca447d1928fbb42d988e95b3a19f3bb49ced23847de4d22a46a602f7161c60d8e5542aecac052a5e14fa7dc458f214030dc897893b1f31f8537967180b3a126907d25d48e583cee57584c0ee05687c8dd4a355da947f187dcdecf798860af4c3547754892748aef4f5b0d62007a76896d8dd5ebf50695d898c26d319b205e350648d8bf5b616c767b29afcc350d6529a156bba9daea2bb9e75133eb95a19a3d454b4ea9d8e9d317ceba338e474ba3cf738ade4387dbe5b72a544ade4f96e3aa72ce75760fbd218ce54e2c1139c7be8e77df83ea88fc4195aeeb5c2f17695b961b1c4d59f403180307348da4cb33203526e9ba41f5af6602ecfb006272c878a8644662771c2ab2fc64b11bf12244aa61f09c44b61c3341dd9c1b5a21dda8ce32a17322c2b1ac485c4b87e103b1cd0a4ef33ccc3b3ac88fc73bfc17a3c828dac385129b722f24e12822e2ada00a9aa18c0e9872a739c667225aa99529f2df1194ea621653ac72b11d3b1f59d82d0c028736cb300973483514c158713d3c1e0070db1e1fdaea208c950a290a602c95f2f23c928a02d238a7c8c0d0b6a1385cdabe2f97da80afaf713c1738ab462af72c8e726ec8a3ef96d50f0ca2d42a54ac9e718e2d77c870b51d6baa707ad2549f94f5937f50c8522ab22d08750520aaa825f182d82b652b7486c8164e9421093a0f2653a6eaff3f2ba8729695d0a6aa2b451baaba3f065d270a4f722ca80e9e78535821d15f6fb3f5ca8754732a4d76a2a85c4a816171833977aa6b46de90a4b63cc474aa2a35f70d94f014145e24cb4a60b82d280af8d9df4a9a08fd2e2815aa6a302bc3efa9aceabe38c91f8ccaaa7aae19ded293546b739d413df5855e4455c403b17ec8e7a5a651e7ca0232749677a609723564a2248c94aac814a724a899927aac04c2da8bca28e929a32bb4a6a282dc2b728ef327691b60812f7032ec97b6096a5ee62475dce09da60c87e0baa59a49255fbba63530ad5c3b460d772b08a7309eba89a7c1de2c0f559250ae1c15556a679f0e8ee7276ae9e98675ee32954cea29caa1b72637dcc6e9c60cd77bbe328a3cfce869880f795ee61db29cb6a95e7246932a65725578fd8f073193c0d5bc00b29965a92896fff2fab6749bb6d9ae8bc26a49c758b226c49c7fd625c5f88f5b22a6fca7d4045da2ad2d64aed241ef4b6ab45327c6f9019955126d5cad29319c929f18fc6e4f383e34e032e45d50ce5f84a9649027b48c8f5155392489649e24caf4d248ad53e30826a3260c4e4612ba70497c78bd8496b7c62b897ca9380337a4ccb6996212024e8dd874845c849e31321f4cfc56972204859710011382f5549d2452e8d3317d1803f4259fd28a77d6595233a4c411b7e286a440d08a51c1485ea8e24a7093707d44486921052614d7101291346b1976bd09e237cb44b0b8ac5dde9aa1b407035b9d0521f524a1a761249993226f8919aca995d22e3b51426fcb034c91c1f86f03f0dd4fe3653fb230c4718a125a51ce693e19d40996ccaa260ea4290ea4e7749e37ea45688da2248c4b1cb22ec71c602d7187181224a05d87eb1f6449b4b62538da4e13867c49f1a115b28c8c8c0ac26691a35a74b5610c51315a590570f53f0d78a8957ac3278fb2209a8f16959bc5b4df10453f928de9ba340b624a63134e66923e238c853238496cd675ca613e30180e47ca09533eb5049889fa825d9ec38db63264a99ad132081f451e93c7f4ca90f162e1c479446a9324b4954bb0f91629411011515f859192b52bd3b9242de93f0014961b99b2e2b2c38498bd1bd13dc3cb98b7255e4f18e7fa08954d98a2e2e5c49d993c1a4859a553c895683989bf6a4cabe92a60b1f49255aaa78f4447be42f8ccb2e55f1086cbda6fc14152253102536409c51e239055530722544fecfbbe27f85687293a3b4f831d472514c9dbba04b150b3912e732459c391824ea324612f22ce56b2490b184f52684ecf36899cba4e0395895e360a3850df1082646f89b11c8204e88690823364ca530b2e18e6aee40e35ca39be277331de8f3042a8c0cbe6442a1cde9b13ef1723291b47466d20a2e0255e9f95fe03a38d2652e2c4b785253e94215de99c6829378a707a99b4aa7c8f749f7906dd05092538bc86eb2c15af4d6f53a1243c316a022a17c8d933eb745099615c7b2dda1483c4ed7c900d7ac04533a855ecfab29f05648b8bc98385c5fd0861f46f0b8ae80104eebea58da29aef2be4f8b36118230963424ec57359502db9d3aa85430bcedb9468e304f3c1661caf930a69a1a82c98760a51f65f722b6812b8c5b4c5a37a55dbf11460f60277e116f98dc6ab361f239d07c9f95980148288525393b78c5af923234c6cadd4f2ade27f2782487059cc34fe92b85990e453b56ea2e57cb3d870ff654c0e0a8cd45cb05304d85534be14270dac9f2972c8c3537e45c2a5886294cef0528ce2ff37a49bbacc5239466642d7c506cc44912d2f8f21eaa5985adcb8ba19a3ae480e0b26953eaf181c119834e9155904ad4dcec80783eb396399c46b04d430a9d32d5b5e640ba5b0eb58ef8f54ec51d0b2352af41c4846369af655bc0a9289ae8285459aab520ba339a91279b4449aa1256b88c88981ca2370832ca26b1497127e6863895f5224eede9f730e1852f889358c1d5398ed611eb5e274cb6f46471666af1e9b205ee1e10287928a6273efbb0f08ed38f26cd403e9de2be90ae6f3702c937b11c497de19230b802be0ae1c7dd7d4602cd1547fadb0c5ad17977e3403d4d69e3d15df23d76da7dd898152d69cb8d302ebcb3dfb23b5fcb3d488944ddf49e0760e4b8ed8d3e40fee94b17de83e843e0630501e90c8eab2a39a72ba2262bcae47b5f690e2abebf99f737d0cbffba31ea0cb937630f5abcc951377a4f13e2c1b33f70f151c1ba7fdb9e12a392027e24a5f71a40a12654541fc97ba7787091e7c0f7cf1fc8ae510195c91424a64d23de1bd195cb30b13e66238ae330e92febbaaa2bacc3b7aee662d77f65a54b0b5bd290f8e5fdb8f630c912681b61cad11e698dd0f35891a46365e16f878636ee183a28012bf7785eac10cfb74c8a7a8deebabb37f6c7a199f5916f7d7b0f4f124299268a2368f88d8c57f58acfe47f957a64c47f014ac86d78c2a9df1892f889d34f8e409f79247be97c8e709f3ae1af93f9f596caf4846b4e0ad2cf2f494040caf208f18100238e2f2383892b223120806eb96c9ecb59131aab31cb5ebbe0af88ab59342bfc0422604bfae981e8b8a06b9883d2593e080fb0702928a3fc2bb1d9087b261ba38f35d3c82691f2238b9043c2207d30878b5398924b99a4f3dd0a636d2fb2e635937c3884f065046c85ab5335d8e332c8e32b70a63af3e3208a9910a11f0b05e913132a1084e3398ab30ba3aa0230e0b2a0651831b3294b1a3e53131a8637a03a9b30e1832c1b6e0ce30e2e9312ba63b703c14a0b72992e538f3aa14f03aaf055532b0ad2b53bf83224a35916857eba32c48861dd2ea3592108353d717b20a8da1dc1787309a38f50f99a4421b6e3ab0222c4b422547028d39131207f7046b449b78eb3fab7aba06a22122dea99112b9c0b05ff28c6820e849085c09c2772b4753ab0a722fe9fba7ea532dc20a10f3e08d3272ae07f70ed2a21d1aad3f734d1820b90a203921a8321b06ba0b184f3593721ec60a0186ba2c3272290a5921fb023239d8229ae18a9811acc18d25a0ce28529a8eb95060383f0469fb07214711e88f101ba499c2f229c91ea2a1a6bec49b0293d70f52a0b823e091391d12b2daa646fc0252a456497b0910c45d12bab3f1bc6620e09ba23fbd7bacb787519d209933eaf49bc1ec796ba318c7a31729f09120b206221e1d22533bfbe228a33c27aaa92661e6b6e38200a3fa18a7ce1623bc2161fba692125c789c354b3789c0d338859c36934887f008b2ca2882f912842a123012fc7fc4712025361a9a0520a26984273fba86038b05b31847549a925d2722669846192432d90b52990c694c4993c499b1a9312bc4a4a4a6523bb2653bfa5a38a84d23fc10c7c25da1d233b17295a015a972f2b164e222c6bf8220a4ad725d3822fb9e25c62a611d31691d2627821f69da33e2e7152310b353f22d6537a9113b1cf8da10136a0a2698b0a0d229b07f38a26a72e5b24538519426e650a18a4bf0208fb30a10c69b1fb0c09c905b37238844a28e603a6c5b18ad3c380f13f32bbc6baea373e529a3a4ae58ce2be8f52e215e74eb8670a0f44da32852a3c89b86c1b524ea1ce41cb7e0ea19841cac91693444a610f0a607b3a91fe4d38be6c7b81b0a35dbbe66eae919d1b7020a616b0950a0150a4da040a9b3ae11a1fb8cf9e92629c861e2b301f91157d87c1b916664eaba5793ba7f13e410963f969a741607df0c294710ab1c8c1a43ac653c3f8717b770a29d7bae536b894110c91d386a904a111d6a445088b51917df2ca42fb67ba3b22bd11ae68959a9f175c80961188c2b63b63826f58695bfbfa0b187dbcc77c1829ee03c1f95d883ea8f1c33cc66eaba34a85c648a418023f24722489be9f28ddadfb7a34908733c6d461f9ce99cba06bd8454c97a074f825300a88ba04b309c1526fe91d9479ee07f348a31146b2ca661ae3bc33549127964a0756a9212310a931a23195033a1979a7d30d4c939a3b05bc0faba61b58ad128b068990925263171ba1b5b5e82a3e0a4a50d20a18d86d6059db8e5bad18dafebd33ae8323e586b1eeb1d4eeac919e86b325abab7e95d45c04d1ee9a26a5b1d50b93a1f52106d39ba0e58c1b2da7d075121aa94d975f3b97bc1125df8ffb5a7509f253a38e34917052582939e46fa3112340a1bd127abf00d4748ec40a0722e329320a0933ed77575905c9a9769a6e7b462fb10b83a2d131be0bef2dc2463f269a0871b6a8625eb8a07c28570a02ba9b2be91a36291221507e90a0219121f350b5d721ca863f257716317701fbe317a1e31552320c2b07040bab5632472c3ad52a20eb648b920351319eb2130722a47120b53228db5c2b0d3438b501f8165e2a2683281660a8ff0932febc3b0aa2d1e29dc71c9ef20a87218e1e37ceb587e53d140b9a14d4a517351714d51214ae9385474dd8833fe87c07ebaa1e6ab5be87a30c3342bea07e9833de91a0aa14766b47c322bd15808db0bb7675ea8e31e2a431c98f17a96d356c9a907c22e32e693b68480bb84a359a2a90b84b45774d34e64d3bc4a0a6c638222f0f97215ee01b3fc3c700857a15f91221a0d44886ceb9882537b25b09f919b3441c0f51d982ea4d5a54753faa058488e5a7a20d06f7e58a058da663fe3978759158cda7519c20d146b7c35b2491bc280cb5459b863d994c95989c188700c460b23c607e2491c4bfa2c33cf478b4f5894f75c520c985a99a3d3527059f4849a449c8b287b0ab87d124a69f76a53a896a5f69a61d1920422f9980fe52d78e599230b1729430ed9d89b69a0e708af5508a6aa57cc6be8fa131af0e3a4b0c23a9a49b6160232f25b322591f3054dd241b82076a1612d6f0a05be8eaa350e4d5965b5b18c1c216115280ec1b0228209d3e8c80e161f73dfaa2a1a3799535834a39e0c113fa93c446aa48253d45b79fb2c48392f46a92c4b8e2c4a072c4cd77efafc1419c646ea993c1a50a7d31ab536e0ecf7916ee924dba03917fa312ee9477ce31eb1871d1346084a4fbeb54dab1a27393ec52e0bc57445e864a2d0af22d03918742b22d38c5de72b3fb4860f50cd87794da912c90393e08be138af5254ec92a4baa11db8e63e4c4a462a4a27120d552388cf3d055538c4cf0ba2f70b891a03a27f1447c08f98588ce3f05f35c49832a0bc0b10f1939991a312bdf940b9f4ce0998a0865233bc82415e527cf02fa0aa53572a512a0872c0ba73524a21b21ff97487e16d1477e74dc0b17804a779f07c1e2b585475813f761a0b879a2b3099bc3371764cf1af8c0e38e5b326907c08845338c498452f78e426e4fdf3acdbba415139b86f2ee91bbb81610bbe50105a1dfbf87437b739e6150693f863110a2da08e1045476722ab19f35d19f2ac7af3865f209a0778232eb22d01b38cc444eacfe9cf1c70c63cf24617c6d515a1b36951ee32cdf8542d1c43a9822abbc68f702f0223a0aa63a746b72748f386a862e735726208b3406e154732742a8b92462320917555675ec8222524bac484222f208c53aeba91c7fb62f28cc7ae8d15acb36508bd5cf2f23d307c75909a2336b4f4f25342b2fe9718e0d52c72c113cf3d20329629bb6823ca772440a1231b2997228b201242a462984445863b4c6435f99e3913aa0ee3a91039a07463ab1493ba33598f6d7c2eef76c24d39aec9d22ef5f96a6f6c875aca8e228751134f835b1cbb09496f2978efa6807df32538cbaaaef589b728498aab5aa198c247d94770e6adabc18d854aaa1221b33868d93c90d920491f3c1fe610989488eb6520e49d08ebe62ce2284b553a98d3c531e05582e01c23d841e8e02a1461ae8cc91d594ad381a2c1eca1523c63ae9184ae823335256b81ab6e52f83752dc1abc07eae8af948224a6ed909e48f0231d9c8081e7c008f0380564e37338c9769d19a30ddb460d77bf9b339b51855efe9fbfb76569407569574b76e58880b99cb064d3139797ce2cc8b07169a93134b64d775263c9f49e6b884fc8bf2f9fa20bedb9409f6f1c499209995979f6ef69f29a478d1a4461b78d7630dc90b6cc9ae95f2f5aaf2f2ccfb2d475b2e3a651fb3e24ba4e19ba5b2dfa5712fa6f107a4cc3097e43b925605a9f958aa4957ae337b9b6cba5ab77d216e1d23a7bcf54715e3c72d311102f90619e08c8913ca9c0a1d80cb19a0e09dbaa800b524c8af4b8dc2dfcaf3134e212387190c0f8adde595697c1d556ef929b5ccf86aa6ef76ff2b9df5e005bc5b6a9d5c79295cdc855fe1955cd5e3f8bdd378c2f0a801c6b7d0e3adb8fe203df341f1cf8eb48bdea9b55cd5f03c7417de3ed5b1923e7294b8a6a5f8a4c3d9613de51843d02543f097a3e89342576d47222a3af806fec2a6f4be3db0283fb2f95c30a55e09743e7de13c8cb1c89eec3a8aac3a55923afa4d3d95c21363dbdd33fd3dd66a9d0c90391132294ab87511332af3e63d53a0be33de3f33f4e914b02ddb84628b76cd9b3df9e8989ea51c214327b01a294990bfb0c1f623a493ab54a04ada3c9128bfb18155be4d618684860b250d8e9a202dc4553db6ff1f83c8be43fbddfbcf634245e55a29f7129ccb66b565e683bedb15bf60a34ac7266a7aa262072a6b3652bbe681250d1bb8925671008c229ba490cced72e388b106bea2d72bb1a0e2610695c0a242d247b2718a7ed2e9f5b0d327b2530e0b89fdfac09fbdf3f3dd07ce3c87eabfb467b310b45cd88f22dd9cfeed98ca0dfd9a2ddfe149bcddca7dda5235c07b3ccb09030b0fd63e8fd0bcabc8bd37b5a2d9fbf80778072df5a0cdab765c10fc2be07fd3f07f0bfd3c5aa9d6aa2f0eea23eec5d04d11112431745f1e85422d5a6428d91e70ec329411886648e21043c38fa433664a08c4c86c020b12b506242311608d89e24f7130c2e70e3034800f0935182f0308c1061ec425e5291ed1090726797abec8feaff31fbbfc18416a50d1f509ac8270850f510f0ba47662aa9d3cf7e5a8a0c83482e30510e218baa3850aa702e445c374093fd1818af63fb2bc84aa1f3acbd8d5a81fb4913d8c65ab174b32e82a2e85852a3c90f549170743ed1ddcbff4cb2cd99888747d524d4590160f6137b1fa8e7737046092a81bb34b0f2509cfc97d526e8e8197a1eb9ed92ee05645d0f5c3d027b7cc3599b28a2a143b6580e088f41a26616788c328b939830e92f4eb07d83ccf371731ec914141717f8308dfea7f0ffa13db9258c74509b4b14bb25c505dcc5a42a455a99583a7221260d293fc722462228936e31618082ecb541825e93a293544e939226618846e3423bc35c109aa694b911fd0c8d55d936426291e3a531a5552e2733bb1a5cf82b729491a5e525c2136b8c2a8a7c9491b90ce8c4c81b821397ca84e0573c29e8107f67f9d3d98127f35044fd5849fc7fc2aed77ad3b6360a8cdac1557cb37440a28d118313e846a51300400a1e62feb5348c60ea11182dba02d46e450ffb3282de1aa0daba7c2e2893374915f8e86a427330b6dccc333701ae504e82e10ca15744e890c1331574116d4c405973040642c101bc30f68acc0ea05b028e3f336a3b7135085c131835080699b4090ef0c8eaea3da0b344a47bc701a1f1ccc8755d42cd45d04860646a35e2ec932621ba0e5ecf0a5049427886508f859fda124e250c2811ed0cc96568271e5a924479bd71fc249c525902088af5c0a6046dde6b1a4671fb17284315342d45cd1b24744437805e2a0e6c38fd4d168e4fc9d7d9b86ee1229150f7093c3f0a8b4d825dc0888e0515a73c6145cf0bb82bc2d998d42da07c2ea3445fda268399bef1a6ab5b6888ed0226d7471e22b010a8ee6349828ff400859a9eac36a3184999064042d00efc3a45a22d241913a61bdedab49e04459e0fc8c7230a0ae227972114e44311c930c5622231ac09e213784922a47c41c7108485c664bda0fd8018c8f9870dd4def33c4350f513c443fa6234a12c0f285b03af2efc2906ea245299371f2c4857035139c3e25d7048612611242145ea4bc3e2434830605f01e8498a4237203038a1af0bbc7bc2711518f68b9f0ff4daa5c481381481a404a0aa47094f0ebc4bc2571084ec447dd9096014f42179afcf5a69aafc17bce7e4098bb401004108d33129894b8eccbc128d1f789344542d1c5a523226133a2230d890d20afa5f80bf2912089068ce277618d1484de24d39f3ed5264e367445868c5c2a4d0f6214457b2e91f785d769424a174985e0a217e0618b4914c3192be44b80a23ae1b50e67462a9c88f0ca85dc2f30f5af2843c21840da4dd5538130a8a364ef42f303f45cc7e4a1849a82610ed3ea152c261408713059cc8c4fcac31fc42395824622364724b6493790d44e178b3674d9a068093a5851624af35c43e2371d0977f365272a2dd4c5be53b1682276246e50d1b24ee27c931f17c4fb097432c223d7ca6444282294d0c5d61571b3048c4293584d7435d22d0ca291848f8071de0edc79a14e54c809d43089d13185130a201b09502c65828b180962626a634484c2e314862a490c23187b097c5a5071371e85538b48615492e8423029843a3db10f08b4ec5b4b4c78d089911ef0af1dd81bc5a525a9194c2785923c2ca82c623d3578e0cdacba520701a10b40eb199109923e359364efef30794b16197597a59d2caba2e2130b6497485a81865032e1980e4f9b49c61638b58b97528a419d7466d3c8895c4c426492da9ed179e8009576e7b26238b52728bf6125e824d2bccdf91911e76d7806a77750192ccb265a39e788f218531a5b18d27714b81c8a9e18e1a7ae3bb06395f734e17dce7902825684d294c4fe0fc5fa9cb8c1a71124a93c4b6672c540a2686258460298d9255c84614d8e70682a42c6d02e8395a1a0bd11180558410cd91c4a667353a59b88fd8182928adb22c59db50962ace141e28ed94a904ea07413972509c96f89d812c99e8c93eb0b0cf0e40d91699063dcb172d989da14eb173148d9c9c9ae732b0f9cb227df00a1b6c2b2bba288889b7f420dc0aca8118f9a3c8398d4dae4961eb9a34c6e6f29bd4c60d8d16dcd82c60f2ca8f3490cc440e7ea2e0921cbce69320b9bf73750e399c89986ee00a58614345a636fcbaed5cf6d80f386043c9b65c508aca811d199b4eda9fb317bc705c84481e7a2f3529a7c8e839f2ca9b2cadbabe9279d1d72b0958b9a5b72fb1ea98f901f77e72115790dccedaadcc14eb64a220596f0dfa2b2b4290ecf84ffa61122d9ccc9227a822d46da5518b1c02a46f6850569a149384724b1cf146181df3899b180cd3cc1318410f94f630428910fa742e8888702c8c5b8370a8de1fa0ad13e968ecf538c25e82b45ae3ee64b22057104fe56b3c3e5185020b1dcf215a42101b2f717182b61e619929266b53b0cff6ba297e309981c35a7a3bd68be47d232d398afe9f58006548a1b0502e1e7dc98aa2ea7ce3b58610cf805c7655f5ca8812293709bebe2f038269a3c9d4111317054e4741cda9831f23d91c403b1264ed96539ba8664b1a3616a7084c41a0a912715e4a5c3f939c423cadc1fc8c21fe0b9c7451da145440871dbda9e62bf037a180a319cbcbae7d8a2f9044181b2c8d2a2a2a06a54afead52eb23be1cc80be1b6b612068ef018e2a900312b877cbae05c288267a7ced9c98696a65edd73ab44942b0cabd913d1b439118c81fc5ee1ce0e22db2cbc5cf35a673f57c4c7d3bcd59192046d034c1104a3234db45b12c483214b83fc44d847513687c3c431c4f34406316acd0990b52c66560b439382b5e6f4850440477c8d200c8f3094c28108f2ff2fe7a02a57961ce814491e48b389751a72ff64b2b9f832cfd43686763be5d05d62cc17710869b8f6b657f269c3797e4825108e86e2a20c6302c7cd40332cd599c4adc31d9578ac575e2a2401a04304d030412a0b604b01fc49c0ae046800aa740e006803540400c005303d016c0760000089cabc200005b6401e11c58dd06e032005207803f00200500100520270078055008018800005ec80698000105994e463b021818c0ec93f89740f551583f8aaab8001aaad554002555a0660000094680c002801741955000315202781bc01407a03080e5502aa0000)
No matter how we set width and height, the size of svg will not change.

**Expected behavior**
Scaling can working as expected

**Screenshots**
image

**Desktop (please complete the following information):**
- OS: MacOS
- Browser chrome
- React-pdf version [v2.1.1]

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.