1. e-works数字化企业网
  2. 书屋
  3. 书籍列表
  4. HTML5 Canvas核心技术—图形、动画与游戏开发
  5. 打印Canvas的内容

第一章 基础知识

第九节 打印Canvas的内容


//Initialization................................................

context.font = FONT_HEIGHT + 'px Arial';

loop = setInterval(drawClock, 1000);

    该应用程序的代码访问canvas及img元素,并且通过CSS的绝对定位方式使其互相重叠。当用户点击“Take snapshot”按钮时,应用程序从canvas之中获取数据地址,并将其值赋给图像元素的src属性。然后,显示图像并隐藏canvas,同时将按钮文本设置为“Return to Canvas”。

    当用户点击“Return to Canvas”按钮时,应用程序隐藏图像并显示canvas,同时将按钮文本改回原来的“Take snapshot”。

    提示:将Canvas输出至blob文件

    在本书写作时,Canvas规范中新增了一个toBlob()方法,所以说,还可以将canvas的内容保存至一个blob文件。直到本书出版时,还未有浏览器支持这个方法。

系列微信

数字化企业网
PLM之神
e-works制信科技
MES百科
工业自动化洞察
智能制造IM
AI智造圈
智能工厂前线
工业机器人洞察
智造人才圈
工业软件应用
智能制造网博会
ERP之家
供应链指南针
© 2002-2025  武汉制信科技有限公司  版权所有  ICP经营许可证:鄂B2-20030029-1(于2003年首获许可证:鄂B2-20030029)
鄂公网安备:420100003343号 法律声明及隐私权政策     投诉举报电话:027-87592219

关于我们    |    联系我们    |    隐私条款

ICP经营许可证:鄂B2-20080078
(于2003年首获许可证:鄂B2-20030029)
鄂公网安备:420100003343号
© 2002-2025  武汉制信科技有限公司  版权所有
投诉举报电话:027-87592219

扫码查看