JSFiddle

Christoph's public fiddles

• IE10 getScreenCTM BUG

  The getScreenCTM-Method doesn't take the current browser-zoom into account. The small rectangle in this example should be placed under the mouse cursor regardless of the user zooming in or out of the webpage. Works fine on 100% browser zoom - if you zoom above or below that, the rectangle is off the mouse position because the supplied matrix by getScreenCTM doesn't take the zoom into account. Firefox and Chrome in their current versions get this right, Safari and Opera have a problem with it aswell. This is a major problem when translationg screen coordinate system to (nested) svg coordinate systems.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• IE10 getScreenCTM BUG

  The getScreenCTM-Method doesn't take the current browser-zoom into account. The small rectangle in this example should be placed under the mouse cursor regardless of the user zooming in or out of the webpage. Works fine on 100% browser zoom - if you zoom above or below that, the rectangle is off the mouse position because the supplied matrix by getScreenCTM doesn't take the zoom into account. Firefox and Chrome in their current versions get this right, Safari and Opera have a problem with it aswell. This is a major problem when translationg screen coordinate system to (nested) svg coordinate systems.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery UI Slider Legend

  Apply a legend to a jquery ui slider.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• AutoScale centered SVG

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Firefox preserveAspectRatio BUG

  preserveAspectRatio set on an embedded SVG is ignored in firefox. verified on: 14.01 linux 15.00 windows

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Converting SVG to Screen coordinates

  jQuery 1.7.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Event-Triggering Example for MME

  Proof that JavaScript doesn't allow MouseEvents to pass through layers above the ones having the event handlers - as opposed to certain elements in Flash/Flex. One way out would be to use "pointer-events:none;" css declaration - which sadly isn't supported in HTML by most browsers, but has wide SVG support.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Firefox getScreenCTM BUG

  The getScreenCTM-Method on an SVGSVGElement doesn't take the viewBox of the element into account - opposed to what all other browser vendors do. This is a major problem when translationg screen coordinate system to (nested) svg coordinate systems. https://bugzilla.mozilla.org/show_bug.cgi?id=764738

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 2