返回列表 发新帖

html5使用canvas绘制一张图片

694.4k 10
swmozowtfl 发表于 2015-7-9 23:19:12|湖北 | 查看全部 阅读模式
<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>
0 F2 `3 }! u1 a4 p3 V; {5 d代码如下:
0 U4 q' B6 Q! u: }$ p0 `6 o$ n( k7 e
var canvas=document.getelementbyid(canvas);
( w7 h& M" T$ l1 L  wvar cxt=canvas.getcontext(2d);; @  w' e2 |3 V8 v; w- k7 x
var img=new image();2 W6 \5 c4 V$ f2 H& X3 |
img.src=cat.jpg;/ P7 p  o- u- }3 U. m" }* X
cxt.drawimage(img,10,10,490,382);
4 u, E# K# ~, o. S/*! C! J* }+ M/ _+ S
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,0 b9 ~) C+ I0 \$ G+ h. |$ }( U% t  N. T
在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊
3 ]% b4 S+ Y" I$ l8 O' G) E.呵呵
% J; I4 Z; i  l/ Y' f*/$ n% g5 f& i+ Z- {9 `3 \
- r# E" J) x* j+ m% {
                               
登录/注册后可看大图
5 _0 |- m; M7 j6 \3 `

. w  I* @: q9 `6 R! [' r更多网页制作信息请查看: 网页制作

回复|共 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技术交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表