<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>134379</bug_id>
          
          <creation_ts>2014-06-26 20:18:34 -0700</creation_ts>
          <short_desc>inconsistent rendering of dashed line on retina display</short_desc>
          <delta_ts>2022-07-15 16:57:30 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>SVG</component>
          <version>528+ (Nightly build)</version>
          <rep_platform>iPhone / iPad</rep_platform>
          <op_sys>iOS 7.0</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>CONFIGURATION CHANGED</resolution>
          
          
          <bug_file_loc>http://jsfiddle.net/bakhshi/uS2P2/11/</bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Reza">mmfrezabakhshi</reporter>
          <assigned_to name="alan">zalan</assigned_to>
          <cc>bfulgham</cc>
    
    <cc>mmfrezabakhshi</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>thorton</cc>
    
    <cc>zalan</cc>
    
    <cc>zimmermann</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1018851</commentid>
    <comment_count>0</comment_count>
    <who name="Reza">mmfrezabakhshi</who>
    <bug_when>2014-06-26 20:18:34 -0700</bug_when>
    <thetext>[RETINA display]

as soon as you add &apos;stroke-dasharray&apos; css property the stroke is rendered double the normal width.
zooming in (change the viewbox of SVG element) results in inconsistent rendering of dash array. it looks like if you zoom in you have to decrease the dasharray values.

example:
normal: stroke-dasharray: 10;

to have the expected results when zooming in you have to change the stroke-dasharray like this:

stroke-dasharray: 5;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1018944</commentid>
    <comment_count>1</comment_count>
    <who name="alan">zalan</who>
    <bug_when>2014-06-27 07:00:04 -0700</bug_when>
    <thetext>this looks terrible!</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1884432</commentid>
    <comment_count>2</comment_count>
    <who name="Brent Fulgham">bfulgham</who>
    <bug_when>2022-07-15 16:57:30 -0700</bug_when>
    <thetext>Safari, Chrome, and Firefox all agree on rendering for this test case. I don&apos;t believe there is any remaining compatibility issue.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>