chrissy / lonelytype Goto Github PK
View Code? Open in Web Editor NEWExperimental Web Design Meets Chronic Misery
Home Page: webtypographyforthelonely.com
Experimental Web Design Meets Chronic Misery
Home Page: webtypographyforthelonely.com
Hi,
I'm thinking using this for my title font on a webpage. What's the license on it?
Thanks!
The globalCompositeOperation is only set in the animate function, so when a user decides not to animate the punchout effect, only the image is rendered, not the text.
The fix itself was easy (finding it was not, since I set animation to false directly after downloading):
add context.globalCompositeOperation = 'source-atop'; to line 125.
Original:
img.onload = function() {
if(that.animate == true) {
window.setTimeout(animate,interval)
} else {
context.drawImage(img,0,down)
}
}
Changed to:
img.onload = function () {
if (that.animate == true) {
window.setTimeout(animate, interval);
} else {
context.globalCompositeOperation = 'source-atop'; //this is line 125 in the original file.
context.drawImage(img, 0, down);
}
}
Thank you for your efforts, I really like the effect.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.