js如何画出图片，js绘图库

想在一个div里面添加图片,用js怎么写啊?

1、有两种比较直接的方式，\x0d\x0a\x0d\x0a第一种方法：预先设置一个样式，然后在js中操作，给div加上这个class。

2、获取到div之后，编辑一个img元素，并指定好url地址。然后div append img 元素就好了。获取到div之后，用js给div设置背景图片就可以了。

3、(this).html(img src=jpg /)；和HTML的写法一样。这就可以引入img标签了。

4、可以在第二个div里插入图片，是用img标签，可以直接设置width和hight。如果是用div作背景图片的话可以设置div的width和hight，也可以使用这个属性：background-size。

相关问答

Q1: javascript如何画图形?

步骤一：下面是图形信息的两个版本。第一个要求图形值是绝对值，而第二个是相对值。

接下来绘制图片：首先定义全局变量X和Y，它们是为了实时更新图像的绘制坐标。

可以一个 jQuery 小插件：jQuery Ruler，用来测量任意网站元素的尺寸和坐标。刚才整理了一下，顺便把需要的代码用原生 Javascript 写出来了。实现绘制矩形，修改矩形和拖拽功能。

支持所有移动端，PC端除IE9以下不支持其他大部分也支持。svg在html中就是用来绘制矢量图的，理论上任何图形都可以用svg画出来，同时他也和普通html对象一样，有自己的各种事件以及样式。

图片不是在div里面，也没必要。拖动div，拖动到新位置X1，Y1时，清除canvas的图片：ctx.clearRect(X，Y，W，H)；X是上一个位置图片在canvas中的横坐标，Y是上一个位置的纵坐标，W是图片宽度，H是图片高度。

Q2: 如何用JS语句显示图片?

1、这个实现一般有两用方式 用js定义一个字符串变量，把图片的字符串写进去，然后div.innerhtml把这个字符串加进去。用类似jquery的js插件，也是先定义图片字符串变量，然后div.append这个字符串就好了。

2、().css({position：absolute，left：e.pageX+$doc.scrollLeft()，top：e.pageY+$doc.scrollTop()}).appendTo(body)；})；上面代码是点击后就在鼠标的位置创建并显示一张图片。

3、最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

4、要完成这个效果，有以下几步：将图片转化为base64编码格式。

5、这个一般是用css来显示特定内容的。譬如有张图片icon.png，里面有很多内容，便可以在css中这么用。

关于js如何画出图片和js绘图库的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。