js+html5绘制图片到canvas的方法
更新时间：2015年06月05日 11:58:37 作者：pythoner
这篇文章主要介绍了js+html5绘制图片到canvas的方法,涉及html5元素操作的相关技巧,需要的朋友可以参考下
本文实例讲述了js+html5绘制图片到canvas的方法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=new Image();
img.onload = function(){
ctx.drawImage(img,0,0);
};
img.src="img_flwr.png";
</script>
</body>
</html>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript动画特效与技巧汇总》《JavaScript运动效果与技巧汇总》及《JavaScript数据结构与算法技巧总结》
希望本文所述对大家的web程序设计有所帮助。
相关文章
这篇文章主要为大家分享一下18个在项目中使用很高频的JS工具方法，希望大家能够知其然也知其所以然，不要只会调用 api，也要会写 api，快跟随小编一起学习一下吧2022-04-04
这篇文章主要是对JavaScript中的undefined进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章介绍了javascript自动改变文字大小和颜色的效果的小例子，有需要的朋友可以参考一下2013-08-08
这篇文章主要介绍了JS数据类型STRING使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
平时在开发小程序的时候，弹窗应用场景还是蛮广泛的，但是微信官方提供的弹窗比较有局限性，不能自定义修改。下面通过本文给大家带来了微信小程序自定义弹窗wcPop插件，感兴趣的朋友跟随小编一起看看吧2018-11-11
这篇文章主要为大家详细介绍了js实现随机点名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
这篇文章主要为大家详细介绍了JS实现旋转木马式图片轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
javascript中通过arguments参数伪装方法重载
面向对象的高级语言中，都有方法的重载，在js中可以通过arguments这个参数来伪装成函数重载，具体如下2014-10-10
Nuxt.js 就是一个Vue的服务端渲染框架,和React的服务端渲染框架类似。这篇文章主要介绍了Nuxt.js实现校验访问浏览器类型的中间件,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了使用js在layui中实现上传图片压缩，layui 是一款采用自身模块规范编写的前端 UI 框架,js上传图片压缩百度有很多方法，,需要的朋友可以参考下2019-06-06
最新评论