ed.agoff.net

Search This Blog

5 Questions and a Secret

January 31, 2024

Click here for Yachats News story:

5 Questions and a Secret: Pacific Sourdough bakers Nic Agoff and Emma Sadtler

Comments

Blog archive

April 20241
March 20243
February 20248
January 20241
November 19971
February 19941

Topics

babies
bears
food
html
javascript
math

Pages

Home
Notes

Bubbles

More HTML/JavaScript graphics experimentation, this time with SVG animation . Click/tap and drag in the frame below. Source: <svg id = "mySvg" viewBox = "0 0 400 300" style = "border: solid 1px black; width:100%; aspect-ratio: 4/3" ></svg> <script> var svg = document.getElementById( "mySvg" ), svgViewRect, clientViewRect, // svg and client coordinates currMouseDown = null , mouseDownIdleID = 0 ; const initialMouseTimeout = 250 , fasterMouseTimeout = 25 ; function animate(element, attrName, to, dur, repeatCount, fill = null ) { // animates SVG element attribute from its current value towards "to" value over timespan "dur" var animation = document.createElementNS( "http://www.w3.org/2000/svg" , "animate" ); animation.setAttribute( "attributeName" , attrName); animation.setAttribute( &quo

Fallout Premier on Amazon Prime Video

Coming tomorrow!

Triangle in a Square

My solution for area of shadows | geometry problem from Facebook Algebra Tricks . I don't run that group but I enjoy solving the problems there. My posts here also serve as an exercise in CSS animation and embedded display of Google doc viewer (docs.google.com/viewer) .

Powered by Blogger

5 Questions and a Secret

Comments

Post a Comment