IT小智博客

添加画布首先，在小程序里进行绘图操作需要用到<canvas>组件，那我们就先在我们的wxml代码中放入如下的<canvas>：<canvas canvas-id="shareCanvas" style="width:600px;height:900px"></canvas>这样一来我们就有了一个600x900的绘图区域。然后，我们要开始写JS代码在...

canvas 生成圆角图片（头像等）circleImg(ctx, img, x, y, r) { ctx.save(); var d =2 * r; var cx = x + r; var cy = y + r; ctx.arc(cx, cy, r, 0, 2 * Math.PI); ctx.clip(); ctx.drawImage(img...

HTML5安全：CORS（跨域资源共享）简介        前言：像CORS对于现代前端这么重要的技术在国内基本上居然很少有人使用和提及，在百度或者Google上搜索CORS，搜到的中文文章基本都是另外一种卫星定位技术CORS的介绍，让我等前端同学情何以堪（对比起来，用Google搜到的国外文章，基本都是跨域资源共享的介绍，说明了前端技术在国内外环境和发展的巨大差距）。     

8款超酷的HTML5 3D图片动画源码1.HTML5移动端图片左右切换动画今天要给大家分享一款很不错的图片左右切换焦点图动画，并且支持移动端触摸滑动。功能上，这款HTML5图片播放器支持鼠标滑动、手机端触摸滑动以及自动播放。外观上，这款HTML5图片切换动画的两侧有淡化处理，因此更显立体效果。在线演示源码下载2.可爱的CSS3圆盘时钟动画之前我们分享过一

一、HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search二、HTML5 视频1、视频格式　　Ogg = 带

随着各大浏览器对HTML5技术支持的不断完善以及HTML5技术的不断成熟，未来HTML5必将改变我们创建Web应用程序的方式。这篇文章向大家推荐10款优秀的HTML5开发工具，帮助你更高效的编写HTML5应用。HTML5发展如火如荼，随着各大浏览器对HTML5技术支持的不断完善以及HTML5技术的不断成熟，未来HTML5必将改变我们创建Web应用程序的方式。今天这篇文章向大家推荐10款

图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据，提高生产的效率和 Web 应用和项目的可靠性。　　在这篇文章中，我们收集了35款值得网站开发者收藏的 JavaScript 图形图表库，适合各种图表需求。其中大部分都是免费而且开源的，希望大家能在下面的列表中找到适合自己需求的 JavaScript 图表和图形库

Processing.jsProcessing.js是一个开放的编程语言，在不使用Flash或Java小程序的前提下，可以实现程序图像、动画和互动的应用。Processing.js是轻量，易于了解掌握的理想工具，可用于可视化的数据，创建用户界面和开发基于Web的游戏。FABRIC.JSFABRIC.JS是一款简单而强大的JavaScript Canvas 库，提供了