返回列表 发新帖

html5使用canvas绘制一张图片

694.4k 10
swmozowtfl 发表于 2015-7-9 23:19:12|湖北 | 查看全部 阅读模式
<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>3 j) T0 q- u1 A. b
代码如下:) S  H& u+ [7 i) R' |. J
var canvas=document.getelementbyid(canvas);
9 h6 k7 }& B! _1 F( xvar cxt=canvas.getcontext(2d);9 h) n$ W9 Q! e. {8 V6 A
var img=new image();
5 d$ n5 u" ?3 w& _/ ?! Jimg.src=cat.jpg;& o& r4 q+ {  \8 P4 I. u
cxt.drawimage(img,10,10,490,382);
8 e: z$ m& }+ x2 y8 y- M/*
% b3 `* N; h$ R( }7 y测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,
* H! i, B+ o8 b: \9 R; X在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊8 I, \* b9 ?' U# Y9 n$ F) M& ^; L
.呵呵
0 a& P) n" }, z  F9 P* @*/, Z( Z9 c6 ~- e' l7 F! A; J) x+ H9 I+ N

& w; ]" c& Q5 Y. A                               
登录/注册后可看大图
) j) J& f% k0 G5 h( |) }( w; G

2 Z- c& A+ v  p! ?. c/ H更多网页制作信息请查看: 网页制作

回复|共 10 个

kwjvtwzx Lv.15 发表于 2015-7-12 11:45:26|法国 | 查看全部
命不能争,运可以造,弱者认命,强者抗命,能者求命,智者造命。
kwjvtwzx Lv.15 发表于 2015-7-12 11:44:58|日本 | 查看全部
我在顶贴~!~
swmozowtfl 楼主Lv.18 发表于 2015-7-12 11:55:39|美国 | 查看全部
看你快沉底了~~~~~~
swmozowtfl 楼主Lv.18 发表于 2015-7-12 11:45:13|INNA | 查看全部
感谢党和人民的关爱~~~
kwjvtwzx Lv.15 发表于 2015-7-12 11:40:09|美国 | 查看全部
真是有你的!
buingeEvineus 发表于 2015-12-31 21:47:11|巴西 | 查看全部
希望这样的好贴多些,再多些!!!
bqtklouu 发表于 2015-12-31 21:45:56|韩国 | 查看全部
命不能争,运可以造,弱者认命,强者抗命,能者求命,智者造命。
tohme 发表于 2015-12-31 21:46:56|美国 | 查看全部
看起来好~~像啊~~~~~
seazvyt 发表于 2015-12-31 21:47:15|美国 | 查看全部
cd:遮~~~~~~
GoodyFouppy 发表于 2015-12-31 21:46:53|保加利亚 | 查看全部
感觉这个论坛的站长太牛B了,好强大啊

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表