HTML5绘制灵动的德牧狗头特效.zip资源-CSDN文库

共5个文件

js：2个

png：1个

html：1个

网页特效

jQuery特效

CSS特效

JavaScript特效

40 浏览量 2023-10-05 23:30:50 上传评论收藏 176KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5绘制灵动的德牧狗头特效.zip （5个子文件）

jiaoben8793

style.css 470B

Hetzie-170x257_3.png 61KB

paper-full.js 440KB

index.html 2KB

script.js 2KB

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> <img src="Hetzie-170x257_3.png" id="hetzie" style="display: none" crossOrigin="anonymous" /> <div id="workspace"> <canvas id="canvas" class="a4-portrait" resize></canvas> <div class="toolbar"><button id="download-svg">Download SVG</button></div> <script src="paper-full.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> paper.install(window); paper.setup("canvas"); // Sets the unit in JS to mm in conjunction with width/height // paper.view.scale(96 / 25.4, [0, 0]); // Export / Download SVG button document.addEventListener("DOMContentLoaded", function(event) { document.getElementById("download-svg").onclick = function() { const fileName = "a4.svg" const url = "data:image/svg+xml;utf8," + encodeURIComponent(paper.project.exportSVG({ asString: true })); const link = document.createElement("a"); link.download = fileName; link.href = url; link.click(); } }); </script> <script src="script.js"></script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>��Chrome��FireFox��360��ѹ��Opera��. ��֧��Windows��Safari��IE8��</p> <p>��Դ��<a href="http://sc.chinaz.com/" target="_blank">վ��ز�</a></p> </div> </body> </html>

评论收藏

内容反馈