105904 2013-01-01 16:47:45 -0800 SVG external use doesn't work with animation, gradients, filters 2022-07-15 17:39:17 -0700 1 1 1 Unclassified WebKit SVG 528+ (Nightly build) Unspecified Unspecified RESOLVED CONFIGURATION CHANGED P2 Normal --- 0 rgurley webkit-unassigned 709922234 bfulgham ryanwilke zimmermann oldest_to_newest 798500 0 rgurley 2013-01-01 16:47:45 -0800 This works in webkit. --File name: drawing-9.svg <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/"> <defs> <path id="petal" d="M8,6.5s-2-3.5-1-5.5c0.5-1,1.5-1,2,0,1,2-1,5.5-1,5.5z" fill="#000"/> </defs> <g id="flower"> <use xlink:href="#petal" height="16" width="16" y="0" x="0"/> <use opacity="0.9" xlink:href="#petal" transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,-3.3137085,8)" height="16" width="16" y="0" x="0"/> <use opacity="0.8" xlink:href="#petal" transform="matrix(0,-1,1,0,0,16)" height="16" width="16" y="0" x="0"/> <use opacity="0.7" xlink:href="#petal" transform="matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,8,19.313708)" height="16" width="16" y="0" x="0"/> <use opacity="0.6" xlink:href="#petal" transform="matrix(-1,0,0,-1,16,16)" height="16" width="16" y="0" x="0"/> <use opacity="0.5" xlink:href="#petal" transform="matrix(-0.70710678,0.70710678,-0.70710678,-0.70710678,19.313708,8)" height="16" width="16" y="0" x="0"/> <use opacity="0.4" xlink:href="#petal" transform="matrix(0,1,-1,0,16,0)" height="16" width="16" y="0" x="0"/> <use opacity="0.3" xlink:href="#petal" transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,8,-3.3137085)" height="16" width="16" y="0" x="0"/> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0,8,8;45,8,8;90,8,8;135,8,8;180,8,8;225,8,8;270,8,8;315,8,8;360,8,8" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" begin="0s" dur="1s" repeatCount="indefinite" calcMode="discrete" /> </g> </svg> This does not work in webkit. This works in Firefox and Opera. --File name: drawing-9defs.svg <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/"> <defs> <path id="petal" d="M8,6.5s-2-3.5-1-5.5c0.5-1,1.5-1,2,0,1,2-1,5.5-1,5.5z" fill="#000"/> <g id="flower"> <use xlink:href="#petal" height="16" width="16" y="0" x="0"/> <use opacity="0.9" xlink:href="#petal" transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,-3.3137085,8)" height="16" width="16" y="0" x="0"/> <use opacity="0.8" xlink:href="#petal" transform="matrix(0,-1,1,0,0,16)" height="16" width="16" y="0" x="0"/> <use opacity="0.7" xlink:href="#petal" transform="matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,8,19.313708)" height="16" width="16" y="0" x="0"/> <use opacity="0.6" xlink:href="#petal" transform="matrix(-1,0,0,-1,16,16)" height="16" width="16" y="0" x="0"/> <use opacity="0.5" xlink:href="#petal" transform="matrix(-0.70710678,0.70710678,-0.70710678,-0.70710678,19.313708,8)" height="16" width="16" y="0" x="0"/> <use opacity="0.4" xlink:href="#petal" transform="matrix(0,1,-1,0,16,0)" height="16" width="16" y="0" x="0"/> <use opacity="0.3" xlink:href="#petal" transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,8,-3.3137085)" height="16" width="16" y="0" x="0"/> <animateTransform attributeName="transform" attributeType="XML" type="rotate" values="0,8,8;45,8,8;90,8,8;135,8,8;180,8,8;225,8,8;270,8,8;315,8,8;360,8,8" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" begin="0s" dur="1s" repeatCount="indefinite" calcMode="discrete" /> </g> </defs> </svg> --File name: drawing-9ext.svg <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="112" width="64" version="1.1"> <use xlink:href="drawing-9defs.svg#flower" x="0" y ="0"/> </svg> The svg status page (http://www.webkit.org/projects/svg/status.xml) says the use element is implemented. I have other examples where external use fails for webkit, but works great in mozilla and presto (https://github.com/nullterminated/ponder/tree/master/ERR2d2w/WebServerResources/img). Inner shadows, drop shadows, gradients... Lots of things fail with external use. Webkit 12499 was closed as resolved, but these issues persist. It would be nice if the svg status page mention these failings and list use in yellow until the problems are fixed. 1373969 1 ryanwilke 2017-11-21 03:46:48 -0800 Seeing this same issue as well. The new Firefox renders everything fine, but Chrome and Safari do not. 1884481 2 460945 bfulgham 2022-07-15 17:35:03 -0700 Created attachment 460945 drawing-9.svg 1884483 3 460946 bfulgham 2022-07-15 17:35:22 -0700 Created attachment 460946 drawing9-defs.svg 1884484 4 bfulgham 2022-07-15 17:35:50 -0700 The content of attachment 460946 has been deleted 1884486 5 460947 bfulgham 2022-07-15 17:36:17 -0700 Created attachment 460947 drawing-9defs.svg 1884487 6 460948 bfulgham 2022-07-15 17:36:34 -0700 Created attachment 460948 drawing-9ext.svg 1884490 7 bfulgham 2022-07-15 17:39:17 -0700 I might have made a mistake copying/pasting the content to create the files, but both cases seem to work the same way in Firefox, Chrome, and Safari (as of 2022). Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue. 460945 2022-07-15 17:35:03 -0700 2022-07-15 17:35:03 -0700 drawing-9.svg drawing-9.svg image/svg+xml 1818 bfulgham PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjwh LS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgo8 c3ZnIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5z IyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjE2IiB3aWR0aD0i MTYiIHZlcnNpb249IjEuMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25z IyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmRjPSJo dHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+Cgk8ZGVmcz4KCQk8cGF0aCBpZD0icGV0 YWwiIGQ9Ik04LDYuNXMtMi0zLjUtMS01LjVjMC41LTEsMS41LTEsMiwwLDEsMi0xLDUuNS0xLDUu NXoiIGZpbGw9IiMwMDAiLz4KCTwvZGVmcz4KCTxnIGlkPSJmbG93ZXIiPgoJCTx1c2UgeGxpbms6 aHJlZj0iI3BldGFsIiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHk9IjAiIHg9IjAiLz4KCQk8dXNl IG9wYWNpdHk9IjAuOSIgeGxpbms6aHJlZj0iI3BldGFsIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcw NzEwNjc4LC0wLjcwNzEwNjc4LDAuNzA3MTA2NzgsMC43MDcxMDY3OCwtMy4zMTM3MDg1LDgpIiBo ZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHk9IjAiIHg9IjAiLz4KCQk8dXNlIG9wYWNpdHk9IjAuOCIg eGxpbms6aHJlZj0iI3BldGFsIiB0cmFuc2Zvcm09Im1hdHJpeCgwLC0xLDEsMCwwLDE2KSIgaGVp Z2h0PSIxNiIgd2lkdGg9IjE2IiB5PSIwIiB4PSIwIi8+CgkJPHVzZSBvcGFjaXR5PSIwLjciIHhs aW5rOmhyZWY9IiNwZXRhbCIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MTA2NzgsLTAuNzA3MTA2 NzgsMC43MDcxMDY3OCwtMC43MDcxMDY3OCw4LDE5LjMxMzcwOCkiIGhlaWdodD0iMTYiIHdpZHRo PSIxNiIgeT0iMCIgeD0iMCIvPgoJCTx1c2Ugb3BhY2l0eT0iMC42IiB4bGluazpocmVmPSIjcGV0 YWwiIHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwtMSwxNiwxNikiIGhlaWdodD0iMTYiIHdpZHRo PSIxNiIgeT0iMCIgeD0iMCIvPgoJCTx1c2Ugb3BhY2l0eT0iMC41IiB4bGluazpocmVmPSIjcGV0 YWwiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEwNjc4LDAuNzA3MTA2NzgsLTAuNzA3MTA2Nzgs LTAuNzA3MTA2NzgsMTkuMzEzNzA4LDgpIiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHk9IjAiIHg9 IjAiLz4KCQk8dXNlIG9wYWNpdHk9IjAuNCIgeGxpbms6aHJlZj0iI3BldGFsIiB0cmFuc2Zvcm09 Im1hdHJpeCgwLDEsLTEsMCwxNiwwKSIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2IiB5PSIwIiB4PSIw Ii8+CgkJPHVzZSBvcGFjaXR5PSIwLjMiIHhsaW5rOmhyZWY9IiNwZXRhbCIgdHJhbnNmb3JtPSJt YXRyaXgoMC43MDcxMDY3OCwwLjcwNzEwNjc4LC0wLjcwNzEwNjc4LDAuNzA3MTA2NzgsOCwtMy4z MTM3MDg1KSIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2IiB5PSIwIiB4PSIwIi8+CgkJPGFuaW1hdGVU cmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHR5 cGU9InJvdGF0ZSIgdmFsdWVzPSIwLDgsODs0NSw4LDg7OTAsOCw4OzEzNSw4LDg7MTgwLDgsODsy MjUsOCw4OzI3MCw4LDg7MzE1LDgsODszNjAsOCw4IiBrZXlUaW1lcz0iMDswLjEyNTswLjI1OzAu Mzc1OzAuNTswLjYyNTswLjc1OzAuODc1OzEiIGJlZ2luPSIwcyIgZHVyPSIxcyIgcmVwZWF0Q291 bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgLz4KCTwvZz4KPC9zdmc+ 460946 2022-07-15 17:35:22 -0700 2022-07-15 17:35:22 -0700 drawing9-defs.svg drawing-9defs.svg text/plain 0 bfulgham 460947 2022-07-15 17:36:17 -0700 2022-07-15 17:36:17 -0700 drawing-9defs.svg drawing-9defs.svg image/svg+xml 1829 bfulgham PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjwh LS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgo8 c3ZnIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5z IyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjE2IiB3aWR0aD0i MTYiIHZlcnNpb249IjEuMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25z IyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmRjPSJo dHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+Cgk8ZGVmcz4KCQk8cGF0aCBpZD0icGV0 YWwiIGQ9Ik04LDYuNXMtMi0zLjUtMS01LjVjMC41LTEsMS41LTEsMiwwLDEsMi0xLDUuNS0xLDUu NXoiIGZpbGw9IiMwMDAiLz4KCQk8ZyBpZD0iZmxvd2VyIj4KCQkJPHVzZSB4bGluazpocmVmPSIj cGV0YWwiIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgeT0iMCIgeD0iMCIvPgoJCQk8dXNlIG9wYWNp dHk9IjAuOSIgeGxpbms6aHJlZj0iI3BldGFsIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEwNjc4 LC0wLjcwNzEwNjc4LDAuNzA3MTA2NzgsMC43MDcxMDY3OCwtMy4zMTM3MDg1LDgpIiBoZWlnaHQ9 IjE2IiB3aWR0aD0iMTYiIHk9IjAiIHg9IjAiLz4KCQkJPHVzZSBvcGFjaXR5PSIwLjgiIHhsaW5r OmhyZWY9IiNwZXRhbCIgdHJhbnNmb3JtPSJtYXRyaXgoMCwtMSwxLDAsMCwxNikiIGhlaWdodD0i MTYiIHdpZHRoPSIxNiIgeT0iMCIgeD0iMCIvPgoJCQk8dXNlIG9wYWNpdHk9IjAuNyIgeGxpbms6 aHJlZj0iI3BldGFsIiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxMDY3OCwtMC43MDcxMDY3OCww LjcwNzEwNjc4LC0wLjcwNzEwNjc4LDgsMTkuMzEzNzA4KSIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2 IiB5PSIwIiB4PSIwIi8+CgkJCTx1c2Ugb3BhY2l0eT0iMC42IiB4bGluazpocmVmPSIjcGV0YWwi IHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwtMSwxNiwxNikiIGhlaWdodD0iMTYiIHdpZHRoPSIx NiIgeT0iMCIgeD0iMCIvPgoJCQk8dXNlIG9wYWNpdHk9IjAuNSIgeGxpbms6aHJlZj0iI3BldGFs IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxMDY3OCwwLjcwNzEwNjc4LC0wLjcwNzEwNjc4LC0w LjcwNzEwNjc4LDE5LjMxMzcwOCw4KSIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2IiB5PSIwIiB4PSIw Ii8+CgkJCTx1c2Ugb3BhY2l0eT0iMC40IiB4bGluazpocmVmPSIjcGV0YWwiIHRyYW5zZm9ybT0i bWF0cml4KDAsMSwtMSwwLDE2LDApIiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHk9IjAiIHg9IjAi Lz4KCQkJPHVzZSBvcGFjaXR5PSIwLjMiIHhsaW5rOmhyZWY9IiNwZXRhbCIgdHJhbnNmb3JtPSJt YXRyaXgoMC43MDcxMDY3OCwwLjcwNzEwNjc4LC0wLjcwNzEwNjc4LDAuNzA3MTA2NzgsOCwtMy4z MTM3MDg1KSIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2IiB5PSIwIiB4PSIwIi8+CgkJCTxhbmltYXRl VHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0 eXBlPSJyb3RhdGUiIHZhbHVlcz0iMCw4LDg7NDUsOCw4OzkwLDgsODsxMzUsOCw4OzE4MCw4LDg7 MjI1LDgsODsyNzAsOCw4OzMxNSw4LDg7MzYwLDgsOCIga2V5VGltZXM9IjA7MC4xMjU7MC4yNTsw LjM3NTswLjU7MC42MjU7MC43NTswLjg3NTsxIiBiZWdpbj0iMHMiIGR1cj0iMXMiIHJlcGVhdENv dW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0iZGlzY3JldGUiIC8+CgkJPC9nPgoJPC9kZWZzPgo8 L3N2Zz4= 460948 2022-07-15 17:36:34 -0700 2022-07-15 17:36:34 -0700 drawing-9ext.svg drawing-9ext.svg image/svg+xml 242 bfulgham PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxz dmcgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRw Oi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxMTIiIHdpZHRoPSI2NCIgdmVyc2lvbj0i MS4xIj4KCTx1c2UgeGxpbms6aHJlZj0iZHJhd2luZy05ZGVmcy5zdmcjZmxvd2VyIiB4PSIwIiB5 ID0iMCIvPgo8L3N2Zz4=