如何缩放我的图像 [英] how to zoom my image

问题描述

你好，亲爱的朋友，
今天我又遇到了一些问题
1:我正在设计一个静态网站.我想要以下东西

答:当我点击图片时，图片会放大，并且还必须有一个控制框.


注意:----

我不问如何单击图像和在新的整页中打开图像，
我要点击图片并放大图片，
例如Facebook图片...

Hello Dear Friends,
Today I am here again with some problems
1 : I am designing a static website.and I want the followings thing

A: When I click on my image then my image zoom in size.and a control box also must be there.


Note :----

I am not asking how to click image and image open in new full page,
I am asking click on image and image zoom in size,
such like Facebook Images...

推荐答案

查看灯箱 [ ^ ]

我有不知道你的形象是什么；而且我的想法很可能是另一种想法:使用矢量图形，SVG(可缩放矢量图形， http: //en.wikipedia.org/wiki/Svg [^ ]).

据我所知，这是W3完全标准化的唯一广泛使用的2D矢量标准， http://www.w3.org /Graphics/SVG/ [ ^ ].

大多数代码示例都展示了如何在JavaScript中使用它，这很重要，但不是重点.从HTML5标准开始，它不能直接嵌入HTML中，所有不错的Web浏览器都已支持HTML，例如Mozilla(Firefox和SeaMonkey)，Google Chrome等.如果不以这种方式支持它，则可以使用<embed>或<object>标记来支持它.

缩放它非常容易.也很容易使其填充某些区域，在页面中心居中缩放至页面宽度的一定百分比，通过缩放，滚动等方式进行打印，而没有提及一些可选因素.

创建SVG图像的最好，最强大的方法之一是使用开源Inkscape， http://en.wikipedia.org/wiki/Inkscape [ ^ ]，http://www.inkscape.org/ [ ^ ].

只需看看一些画廊即可: http://wiki.inkscape.org/wiki/index.php/Galleries [ ^ ].一些图像几乎具有令人震惊的逼真的质量.

最好的事情是:它可以导出为XAML，即使具有较窄的功能集，也可以在网页上使用(因此，只有SVG图像的某些子集可以呈现).

—SA

I have no idea what''s your image is; and most likely my idea will be an alternative one: use vector graphics, SVG (Scalable Vector Graphics, http://en.wikipedia.org/wiki/Svg[^]).

To best of my knowledge, this is the only widely used 2D vector standard fully standardized by W3, http://www.w3.org/Graphics/SVG/[^].

Most code samples show how to use it in JavaScript, which is important but not a main point. As of HTML5 standard, it cannot be directly embedded in HTML, which is already supported by all decent Web browsers, such as Mozilla (Firefox and SeaMonkey), Google Chrome and others. When it''s not supported in this way, it''s supported using <embed> or <object> tags.

It is very easy to scale it. It''s also easy to make it fill some region, center on page with scaling to certain percent of the page width, print with scaling, scrolling, etc., not mentioning scaling by some optional factor.

One of the best and powerful methods of creating SVG imaging is using Open Source Inkscape, http://en.wikipedia.org/wiki/Inkscape[^], http://www.inkscape.org/[^].

Just look at some galleries: http://wiki.inkscape.org/wiki/index.php/Galleries[^]. Some images are of nearly shocking photo-realistic quality.

Best thing is: it can export as XAML, which can also be used on a Web page, even though is has narrower feature set (so only some subset of SVG images will render).

—SA

这篇关于如何缩放我的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！