\u4ee5\u4e0b\u662fDocument\u6587\u4ef6\u8aaa\u7684\u4ee5\u5716\u7247\u7684html tag <IMG>\u65b9\u5f0f\u986f\u793a<\/p>\n
As a general rule each PHP script which generates an image must be specified in a separate file which is then called in an HTML <IMG> tag. For example, the following HTML excerpt includes the image generated by the PHP script in "fig1.php".<\/p>\n
<\/font><<\/font>img src<\/font>=<\/font>"fig1.php" <\/font> border<\/font>=<\/font>0 align<\/font>=<\/font>center width<\/font> =<\/font>300 height<\/font>=<\/font>200<\/font>><\/font> <\/font><\/font><\/code><\/div>\n Strictly speaking the "align", "width" and "height" are not necessary but helps the browser position the image correctly before the image has been fully sent back to the browser.<\/p>\n
The library will automatically generate the necessary headers to be sent back to the browser so that it correctly recognize the data stream received as an image of either PNG\/GIF\/JPEG format. The browser can then correctly decode the image<\/p>\n
Observe that you can't<\/strong> return anything else than an image from the image script. By definition each HTML page (or more correctly each HTTP stream) can only consist of one mime type which is determined by the header for that particular stream.<\/p>\n A common mistake is to have a space in the beginning of the image script which the HTTP server will send back to the browser. The browser now assumes that the data coming back from this script is text since it hasn't received an explicit header. When then the image headers get sent back to the browser to forewarn the browser of the forthcoming image the browser will not like that as it has already assumed the data stream was a text stream. The browser will then give the infamous "Headers already sent error".<\/p>\n
To include several images together with text on a page you need to have a parent page with several <IMG> tags which each refers to an image script (or the same image script with GET\/POST data).<\/p>\n
\u6309\u7167doc\u7684\u4f5c\u6cd5\uff0c\u6bcf\u8981\u5728html\u7e6a\u88fd\u4e00\u5f35\u5716\u8868\uff0c\u5c31\u7528\u4e00\u500b<IMG>\u6a19\u7c64\u6307\u5b9a\u8a72\u7a0b\u5f0f<\/p>\n
\u4f46\u6211\u8a66\u4e86\u5e7e\u500b\u4e00\u6a23\u4e5f\u7121\u6cd5\u986f\u793a\uff0c\u56e0\u6b64\u5c31\u4fee\u6539\u4e86\u4e00\u4e0b\uff0c\u6539\u8b93\u4ed6\u5148\u8f38\u51fapng\u7684\u5716\u7247\u6a94\uff0c\u518d\u7528<IMG><\/p>\n
\u9996\u5148\u5148\u4fee\u6539\u4e4b\u524d\u7de8\u5beb\u7684PHP script\uff1a<\/strong><\/p>\n\u5c07\u539f\u672c\u7684$graph->StrokeCSIM(); \/\/\u5f9eHTML\u4e2d\u76f4\u63a5\u8f38\u51fa\u5716\u7247<\/p>\n
\u6539\u6210
$graph_name = "\u8def\u5f91\/\u6a94\u540d.png";
$graph->Stroke($graph_name);<\/p>\n
\u518d\u5230\u8981\u986f\u793a\u7684html\u9801\u9762\u4e2d\u52a0\u5165<IMG>\uff1a<\/strong><\/p>\n\u518d\u52a0\u5165<IMG>\u524d\u8981\u5148\u628a\u652f\u524d\u7de8\u5beb\u7684PHP script\u5148include\u9032\u4f86 <\/p>\n
<img src="images\/test.png" width="600" height="850" \/> <\/p>\n
\u5bec\u5ea6\u8207\u9ad8\u5ea6\u8981\u8ddf\u4f60\u5728\u7e6a\u88fd\u5716\u8868\u7684PHP script\u6307\u5b9a\u7684\u5927\u5c0f\u4e00\u6a23 <\/p>\n
Tips: <\/strong>\u5728\u958b\u59cbhtml\u4e4b\u524d\u8981\u5148\u628a\u5beb\u597d\u7684\u7e6a\u5716\u7684PHP script\u5148include\u9032\u4f86\uff0c\u800c\u4e14\u6700\u597d\u7528require_once("XXXX.php")\u7684\u65b9\u5f0f\uff0c\u907f\u514d\u91cd\u8907include<\/font><\/p>\n","protected":false},"excerpt":{"rendered":"\u4ee5\u4e0b\u662fDocument\u6587\u4ef6\u8aaa\u7684\u4ee5\u5716\u7247\u7684html tag <IMG>\u65b9\u5f0f\u986f\u793a 4.2 How to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-174","post","type-post","status-publish","format-standard","hentry","category-5"],"_links":{"self":[{"href":"https:\/\/learn-house.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/174"}],"collection":[{"href":"https:\/\/learn-house.idv.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learn-house.idv.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learn-house.idv.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learn-house.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=174"}],"version-history":[{"count":0,"href":"https:\/\/learn-house.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/174\/revisions"}],"wp:attachment":[{"href":"https:\/\/learn-house.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learn-house.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learn-house.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}